<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="canonical" href="https://blog.csdn.net/a6128316/article/details/101957996"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="report" content='{"pid":"blog"}'>
    <meta name="referrer" content="always">
    <meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="alternate" media="handheld" href="#" />
    <meta name="shenma-site-verification" content="5a59773ab8077d4a62bf469ab966a63b_1497598848">
        <meta name="csdn-baidu-search"  content='{"autorun":true,"install":true,"keyword":"JS原生javascript可以直接写id名来选取元素 - a6128316的博客"}'>
    
    <link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">
    <title>JS原生javascript可以直接写id名来选取元素 - a6128316的博客</title>
    <meta name="description" content="平时一直用document.getElementById();方法通过id名来获取元素。最近发现可以直接写id名来获取元素:&lt;body&gt;&lt;div id=kk&gt;hahahha&lt;/div&gt;&lt;script&gt;    alert(kk.innerHTML);&lt;/script&gt;&lt;/body&...">

        
                    <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/detail-a0bc412c52.min.css">
                    
            <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/themes/skin-yellow/skin-yellow-db01cea9f7.min.css">
    
<!--    自定义皮肤样式-->
    
    <script type="text/javascript">
        var username = "a6128316";
        var blog_address = "https://blog.csdn.net/a6128316";
        var static_host = "https://csdnimg.cn/release/phoenix/";
        var currentUserName = "";
        var isShowAds = true;
        var isOwner = false;
        var loginUrl = "http://passport.csdn.net/account/login?from=https://blog.csdn.net/a6128316/article/details/101957996"
        var blogUrl = "https://blog.csdn.net/";

        var curSkin = "skin-yellow";
        // 收藏所需数据
        var articleTitle = "JS原生javascript可以直接写id名来选取元素";
        var articleDesc = "平时一直用document.getElementById();方法通过id名来获取元素。最近发现可以直接写id名来获取元素:&lt;body&gt;&lt;div id=kk&gt;hahahha&lt;/div&gt;&lt;script&gt;    alert(kk.innerHTML);&lt;/script&gt;&lt;/body&...";

        var articleTitles = "JS原生javascript可以直接写id名来选取元素 - a6128316的博客";
        
        var nickName = "a6128316";
        var isCorporate = false;
        var subDomainBlogUrl = "https://blog.csdn.net/"
        var digg_base_url = "https://blog.csdn.net/a6128316/phoenix/comment";
        var articleDetailUrl = "https://blog.csdn.net/a6128316/article/details/101957996";
        var isShowThird = "0"
    </script>
    <script src="https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
    <!--js引用-->
            <script src="//g.csdnimg.cn/??fixed-sidebar/1.1.6/fixed-sidebar.js,lib/fingerprintjs2/2.1.0/fingerprint2.min.js,report/1.3.0/report.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://csdnimg.cn/public/sandalstrap/1.4/css/sandalstrap.min.css">
    <style>
        .MathJax, .MathJax_Message, .MathJax_Preview{
            display: none
        }
    </style>
</head>
<body class="nodata " > 
    <link rel="stylesheet" href="https://csdnimg.cn/public/common/toolbar/content_toolbar_css/content_toolbar.css">
    <script id="toolbar-tpl-scriptId" src="https://csdnimg.cn/public/common/toolbar/js/content_toolbar.js" type="text/javascript" domain="https://blog.csdn.net/"></script>
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<div id="kp_box_476" data-pid="476"><script src="//csdnimg.cn/public/common/indexSuperise/1.1.1/indexSuperise.js?20190111165312"></script><script>window.csdn.indexSuperise({smallMoveImg:'https://img-bss.csdn.net/1573800688882.jpg',bigMoveImg:'https://img-bss.csdn.net/1573800685934.jpg',link:'https://kunyu.csdn.net?d=2&m=cQvbbHJJJSApccLAEbpnpAytHcUSJbbyJAtASSoHSfJypbiXStbHmQpASUHLLiLQWiQAAbLyJtfXSnDitAEQtSQLbviHpvLQJJpQ&k=&dest=https%3A%2F%2Fj.youzan.com%2FDaKvth&timestamp=1573805051547&signature=a3b776b5fb5645f5cdfa48ab512ae313921284b0',trackSuperId:476,smallMove:'notMove',trackSId:1379});</script><img class="pre-img-lasy" data-src='https://kunyu.csdn.net/1.png?d=2&k=&m=cQvbbHJJJSApccLAEbpnpAytHcUSJbbyJAtASSoHSfJypbiXStbHmQpASUHLLiLQWiQAAbLyJtfXSnDitAEQtSQLbviHpvLQJJpQ'></div><link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/blog_code-c3a0c33d5c.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/vendor/pagination/paging-e040f0c7c8.css">

<script type="text/javascript">
	var NEWS_FEED = function(){}
</script>

<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/chart-3456820cac.css" />
<div class="main_father clearfix d-flex justify-content-center" style="height:100%;"> 
    <div class="container clearfix" id="mainBox">
        <div  class='space_container'></div>
        <main>
            <div class="blog-content-box">
    <div class="article-header-box">
        <div class="article-header">
            <div class="article-title-box">
                <span class="article-type type-2 float-left">转载</span>                <h1 class="title-article">JS原生javascript可以直接写id名来选取元素</h1>
            </div>
            <div class="article-info-box">
                <div class="article-bar-top">
                                                                                                                                                                <span class="time">2015-01-16 10:26:00</span>
                    <a class="follow-nickName" href="https://me.csdn.net/a6128316" target="_blank" rel="noopener">a6128316</a>
                    <span class="read-count">阅读数 7</span>
                    <a id='blog_detail_zk_collection' data-report-click='{"mod":"popu_823"}'>
                        <svg class="icon">
                            <use xlink:href="#icon-csdnc-Collection-G" ></use>
                        </svg>
                        收藏
                    </a>
                                                        </div>
                <div class="operating">
                                    </div>
            </div>
        </div>
    </div>
    <article class="baidu_pl">
        <!--python安装手册开始-->
                <!--python安装手册结束-->
                 <div id="article_content" class="article_content clearfix">
                                        <div class="article-source-link">
                    原文链接：<a href="http://www.cnblogs.com/lostk/p/4227897.html" target="_blank" rel="noopener">http://www.cnblogs.com/lostk/p/4227897.html</a>
                </div>
                        <!--一个博主专栏付费入口-->
                          <!--一个博主专栏付费入口结束-->
            <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-833878f763.css" />
                                        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-833878f763.css" />
                <div class="htmledit_views" id="content_views">
                                            <div id="cnblogs_post_body" class="blogpost-body">
    <p>平时一直用document.getElementById();方法通过id名来获取元素。</p>
<p>最近发现可以直接写id名来获取元素:</p>
<div class="cnblogs_code">
<pre><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">body</span><span style="color:#0000ff;">&gt;</span>

<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">div </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">="kk"</span><span style="color:#0000ff;">&gt;</span>hahahha<span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">div</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">script</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;">

    alert(kk.innerHTML);
</span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">script</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">body</span><span style="color:#0000ff;">&gt;</span></pre>
</div>
<p>以上代码是可以弹出div元素中的内容的。</p>
<p> </p>
</div>
<p>转载于:https://www.cnblogs.com/lostk/p/4227897.html</p>                                    </div>
                    </div>
    </article>
    <div class="postTime"> 
        <div class="article-bar-bottom  ">
                        <span class="time">
                文章最后发布于: 2015-01-16 10:26:00            </span>
        </div>
    </div>
</div>

            <div class="hide-article-box hide-article-pos text-center">
            <a class="btn-readmore" data-report-view='{"mod":"popu_376","dest":"https://blog.csdn.net/a6128316/article/details/101957996","strategy":"readmore"}' data-report-click='{"mod":"popu_376","dest":"https://blog.csdn.net/a6128316/article/details/101957996","strategy":"readmore"}'>
                展开阅读全文
                <svg class="icon chevrondown" aria-hidden="true">
                    <use xlink:href="#csdnc-chevrondown"></use>
                </svg>
            </a>
        </div>
    <script>
    $(".add-btn").click(function(){
        // $(this).attr("data-url")
        // sessionStorage.setItem("usename", $(this).attr("data-usename")); 
        // sessionStorage.setItem("articleId", $(this).attr("data-articleId"));
        showReport(false,articleTitles,$(this).attr("data-origin_username"),$(this).attr("data-origin_article_id"))
    })
    $("#blog_detail_zk_collection").click(function(){
        window.csdn.articleCollection()
    })
</script>
            <!--打赏开始-->
                        <!--打赏结束-->
            <div id="dmp_ad_58"><div id="kp_box_58" data-pid="58"><div style="width:100%;background:#fff;">
<script type="text/javascript" src="//rabc1.iteye.com/production/resource/web/6xwm4l.js?lg=ydmpioh"></script>
</div><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?p=58&a=386&c=0&k=&d=1&t=3&u=6e5c6db3da494a2bab4123dfe600bb87"></div></div>            
            <a id="commentBox"></a>
<div class="comment-box">
	<div class="comment-edit-box d-flex">
		<a id="commentsedit"></a>
		<div class="user-img">
			<a href="javascript:void(0);" target="_blank" rel="noopener">
				<img class="show_loginbox" src="//g.csdnimg.cn/static/user-img/anonymous-User-img.png">
			</a>
		</div>
		<form id="commentform">
			<input type="hidden" id="comment_replyId">
			<textarea class="comment-content" name="comment_content" id="comment_content" placeholder="想对作者说点什么"></textarea>
			<div class="opt-box"> <!-- d-flex -->
				<div id="ubbtools" class="add_code">
					<a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
				</div>
				<input type="hidden" id="comment_replyId" name="comment_replyId">
				<input type="hidden" id="article_id" name="article_id" value="101957996">
				<input type="hidden" id="comment_userId" name="comment_userId" value="">
				<input type="hidden" id="commentId" name="commentId" value="">
				<div style="display: none;" class="csdn-tracking-statistics tracking-click" data-report-click='{"mod":"popu_384","dest":""}'><a href="#" target="_blank" class="comment_area_btn" rel="noopener">发表评论</a></div>
				<div class="dropdown" id="myDrap">
					<a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
					<div class="txt-selected text-truncate">添加代码片</div>
					<svg class="icon d-block" aria-hidden="true">
						<use xlink:href="#csdnc-triangledown"></use>
					</svg>
					</a>
					<ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
						<li><a data-code="html">HTML/XML</a></li>
						<li><a data-code="objc">objective-c</a></li>
						<li><a data-code="ruby">Ruby</a></li>
						<li><a data-code="php">PHP</a></li>
						<li><a data-code="csharp">C</a></li>
						<li><a data-code="cpp">C++</a></li>
						<li><a data-code="javascript">JavaScript</a></li>
						<li><a data-code="python">Python</a></li>
						<li><a data-code="java">Java</a></li>
						<li><a data-code="css">CSS</a></li>
						<li><a data-code="sql">SQL</a></li>
						<li><a data-code="plain">其它</a></li>
					</ul>
				</div>  
				<div class="right-box">
                                            <span class="tip">评论将由博主筛选后显示，对所有人可见 |</span>
                                        <span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
					<input type="button" class="btn btn-sm btn-cancel d-none" value="取消回复">
					<input type="submit" class="btn btn-sm btn-red btn-comment" value="发表评论">
				</div>
			</div>
		</form>
	</div>

	<div class="comment-list-container">
		<a id="comments"></a>
		<div class="comment-list-box">
		</div>
		<div id="commentPage" class="pagination-box d-none"></div>
		<div class="opt-box text-center">
			<div class="btn btn-sm btn-link-blue" id="btnMoreComment"></div>
		</div>
	</div>
</div>
            <div class="recommend-box">
                                    <div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Mrcxt/article/details/52155171","strategy":"BlogCommendFromMachineLearnPai2","index":"0"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Mrcxt/article/details/52155171" target="_blank"  rel="noopener" title="为什么原生JS可以直接使用ID名称来获取元素">
		<h4 class="text-truncate oneline">
				为什么<em>原生</em><em>JS</em>可以<em>直接</em>使用<em>ID</em><em>名</em>称来获取<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">08-08</span>
				<span class="read-num hover-hide">
					阅读数 
					7148</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Mrcxt/article/details/52155171" target="_blank" rel="noopener" title="为什么原生JS可以直接使用ID名称来获取元素">
				<span class="desc oneline">疑惑，原生JS中可以直接使用ID名称来获取元素，而不用使用getElementById()方法？问题描述在js中可以这么使用：（id名称）.style.display=&quot;inline';而不是使用：d...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/Mrcxt">来自：	<span class="blog_title"> Mrcxt的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/JaRiS_jade/article/details/79585107","strategy":"BlogCommendFromMachineLearnPai2","index":"1"}'>
	<div class="content">
		<a href="https://blog.csdn.net/JaRiS_jade/article/details/79585107" target="_blank"  rel="noopener" title="原生JS可以直接使用ID名称来获取元素">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>JS</em>可以<em>直接</em>使用<em>ID</em><em>名</em>称来获取<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">03-16</span>
				<span class="read-num hover-hide">
					阅读数 
					1552</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/JaRiS_jade/article/details/79585107" target="_blank" rel="noopener" title="原生JS可以直接使用ID名称来获取元素">
				<span class="desc oneline">原生JS可以直接使用ID名称来获取元素eg:html&amp;amp;lt;form&amp;amp;gt;    &amp;amp;lt;select name=&amp;quot;choice&amp;quot; size=&amp;quot;...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/JaRiS_jade">来自：	<span class="blog_title"> jarisMA的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/jackie_bobo/article/details/79293186","strategy":"BlogCommendFromMachineLearnPai2","index":"2"}'>
	<div class="content">
		<a href="https://blog.csdn.net/jackie_bobo/article/details/79293186" target="_blank"  rel="noopener" title="为什么给html标签定义了id，就可以在js中（浏览器环境）直接通过id引用这个dom元素？">
		<h4 class="text-truncate oneline">
				为什么给html标签定义了<em>id</em>，就可以在<em>js</em>中（浏览器环境）<em>直接</em>通过<em>id</em>引用这个dom<em>元素</em>？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">02-08</span>
				<span class="read-num hover-hide">
					阅读数 
					2244</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/jackie_bobo/article/details/79293186" target="_blank" rel="noopener" title="为什么给html标签定义了id，就可以在js中（浏览器环境）直接通过id引用这个dom元素？">
				<span class="desc oneline">问题只要标签有id这个属性，不使用getElementById方法，也可以直接用id获取dom元素。解惑经过一波搜索及查资料，原因大概是：如果dom元素的id名称不和js内置属性或全局变量重名的话，该...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/jackie_bobo">来自：	<span class="blog_title"> jackie_bobo的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Sun_of_Rainy/article/details/86715566","strategy":"BlogCommendFromMachineLearnPai2","index":"3"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Sun_of_Rainy/article/details/86715566" target="_blank"  rel="noopener" title="js方法的竟然可以通过传某html元素的id而代表该元素">
		<h4 class="text-truncate oneline">
				<em>js</em>方法的竟然可以通过传某html<em>元素</em>的<em>id</em>而代表该<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">01-31</span>
				<span class="read-num hover-hide">
					阅读数 
					392</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Sun_of_Rainy/article/details/86715566" target="_blank" rel="noopener" title="js方法的竟然可以通过传某html元素的id而代表该元素">
				<span class="desc oneline">看到同事写的代码有点疑惑，贴图html页面js方法然后我在网上找js是否有这种用法，找了半天没找到，然后我问了一个高级开发同事，他说那个是写错了，让我把title和obj当id用，把下面的所有.id去...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/Sun_of_Rainy">来自：	<span class="blog_title"> Sun_of_Rainy的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_59" data-pid="59"><script type="text/javascript">
    (function() {
        var s = "_" + Math.random().toString(36).slice(2);
        document.write('<div style="" id="' + s + '"></div>');
        (window.slotbydup = window.slotbydup || []).push({
            id: "u3491668",
            container:  s
        });
    })();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?p=59&a=78&c=0&k=&d=1&t=3&u=33b3933037584287a069870aebc8f351"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/kongjunchao159/article/details/49532403","strategy":"OPENSEARCH","index":"4"}'>
	<div class="content">
		<a href="https://blog.csdn.net/kongjunchao159/article/details/49532403" target="_blank"  rel="noopener" title="原生JS常用的一些方法">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>JS</em>常用的一些方法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-31</span>
				<span class="read-num hover-hide">
					阅读数 
					6176</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/kongjunchao159/article/details/49532403" target="_blank" rel="noopener" title="原生JS常用的一些方法">
				<span class="desc oneline">JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素document.getElementById('myid');2、通过CLASS选取元素do...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/kongjunchao159">来自：	<span class="blog_title"> kongjunchao159的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/wlk2064819994/article/details/79828526","strategy":"OPENSEARCH","index":"5"}'>
	<div class="content">
		<a href="https://blog.csdn.net/wlk2064819994/article/details/79828526" target="_blank"  rel="noopener" title="详解JavaScript中选取元素的所有方法">
		<h4 class="text-truncate oneline">
				详解<em>JavaScript</em>中<em>选取</em><em>元素</em>的所有方法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">04-05</span>
				<span class="read-num hover-hide">
					阅读数 
					965</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/wlk2064819994/article/details/79828526" target="_blank" rel="noopener" title="详解JavaScript中选取元素的所有方法">
				<span class="desc oneline">DOM中选取文档元素的方法总共有5种：1.通过id值。2.通过name属性值。3.通过指定的标签名。4.通过class类。5.通过css选择器。下面我就这五种方法详细解释一下吧。1.通过ID选取元素:...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/wlk2064819994">来自：	<span class="blog_title"> 王龙楷</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/lidysun/article/details/88847533","strategy":"OPENSEARCH","index":"6"}'>
	<div class="content">
		<a href="https://blog.csdn.net/lidysun/article/details/88847533" target="_blank"  rel="noopener" title="Javascript原生实现id class tagName获取元素">
		<h4 class="text-truncate oneline">
				<em>Javascript</em><em>原生</em>实现<em>id</em> class tagName获取<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">03-27</span>
				<span class="read-num hover-hide">
					阅读数 
					114</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/lidysun/article/details/88847533" target="_blank" rel="noopener" title="Javascript原生实现id class tagName获取元素">
				<span class="desc oneline">JQuery固然很方便，但若抛开它，一样可以用原生javascript获取dom元素。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;    &amp;lt;head&amp;gt;        ...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/lidysun">来自：	<span class="blog_title"> 刚刚好</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/web_xyk/article/details/50070739","strategy":"OPENSEARCH","index":"7"}'>
	<div class="content">
		<a href="https://blog.csdn.net/web_xyk/article/details/50070739" target="_blank"  rel="noopener" title="js获取子元素，原生获取子元素">
		<h4 class="text-truncate oneline">
				<em>js</em>获取子<em>元素</em>，<em>原生</em>获取子<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-27</span>
				<span class="read-num hover-hide">
					阅读数 
					1007</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/web_xyk/article/details/50070739" target="_blank" rel="noopener" title="js获取子元素，原生获取子元素">
				<span class="desc oneline">js原生获取子节点:1.封装成公用方法,以便于复用.function deleteTextNode(id) {var _elem = document.getElementById(id),     ...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/web_xyk">来自：	<span class="blog_title"> web_xyk的专栏</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/JMission/article/details/61926457","strategy":"OPENSEARCH","index":"8"}'>
	<div class="content">
		<a href="https://blog.csdn.net/JMission/article/details/61926457" target="_blank"  rel="noopener" title="原生JS实现元素的getElementsByClassName()方法,适用于多个类名">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>JS</em>实现<em>元素</em>的getElementsByClassName()方法,适用于多个类<em>名</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">03-13</span>
				<span class="read-num hover-hide">
					阅读数 
					3733</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/JMission/article/details/61926457" target="_blank" rel="noopener" title="原生JS实现元素的getElementsByClassName()方法,适用于多个类名">
				<span class="desc oneline">原生JS实现getElementsByClassName()window.onload = function() {	var oUl = document.getElementById('ull');...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/JMission">来自：	<span class="blog_title"> JMission的专栏</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_60" data-pid="60"><iframe  src="https://adaccount.csdn.net/#/preview/260?m=cntAJQpbitLnpiSQHcDnSLyiJpHEALEcnQmLbpEicHXSQLnHSAnLADbJXSJLQiHpiQWbSUQAoyUiLUAntticALyStJiHptDbQEpQ&k=" frameborder="0" width= "100%"  height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=cntAJQpbitLnpiSQHcDnSLyiJpHEALEcnQmLbpEicHXSQLnHSAnLADbJXSJLQiHpiQWbSUQAoyUiLUAntticALyStJiHptDbQEpQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/jianengAA/article/details/85232948","strategy":"BlogCommendFromMachineLearnPai2","index":"9"}'>
	<div class="content">
		<a href="https://blog.csdn.net/jianengAA/article/details/85232948" target="_blank"  rel="noopener" title="原生JS获取HTML DOM元素的8种方法">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>JS</em>获取HTML DOM<em>元素</em>的8种方法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">12-24</span>
				<span class="read-num hover-hide">
					阅读数 
					196</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/jianengAA/article/details/85232948" target="_blank" rel="noopener" title="原生JS获取HTML DOM元素的8种方法">
				<span class="desc oneline">https://blog.csdn.net/fouerror/article/details/80683676</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/jianengAA">来自：	<span class="blog_title"> jianengAA的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/a6128316/article/details/101958005","strategy":"BlogCommendFromMachineLearnPai2","index":"10"}'>
	<div class="content">
		<a href="https://blog.csdn.net/a6128316/article/details/101958005" target="_blank"  rel="noopener" title="时间的显示">
		<h4 class="text-truncate oneline">
				时间的显示		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-22</span>
				<span class="read-num hover-hide">
					阅读数 
					2</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/a6128316/article/details/101958005" target="_blank" rel="noopener" title="时间的显示">
				<span class="desc oneline">现在有个需求是：　　要显示一个列表中每个列表项的创建时间。　　思路: 设创建时间为create_time 。 当前时间为now_time。  gap_time = now_time - create_...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/a6128316">来自：	<span class="blog_title"> a6128316的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
			<div class="recommend-item-box blog-expert-recommend-box">
			<div class="d-flex">
				<div class="blog-expert-recommend">
					<div class="blog-expert">
						<div class="blog-expert-flexbox"></div>
					</div>
				</div>
			</div>
		</div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/a6128316/article/details/101957998","strategy":"BlogCommendFromMachineLearnPai2","index":"11"}'>
	<div class="content">
		<a href="https://blog.csdn.net/a6128316/article/details/101957998" target="_blank"  rel="noopener" title="js正则表达式验证">
		<h4 class="text-truncate oneline">
				<em>js</em>正则表达式验证		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">01-16</span>
				<span class="read-num hover-hide">
					阅读数 
					1</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/a6128316/article/details/101957998" target="_blank" rel="noopener" title="js正则表达式验证">
				<span class="desc oneline">有时候会要验证自己写的正则表达式是否正确所以写了这个小东西：demo:js正则表达式验证html:1 &amp;lt;h3&amp;gt;绿色表示匹配，红色表示不匹配&amp;lt;/h3&amp;gt;2 &amp;lt;label&amp;gt...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/a6128316">来自：	<span class="blog_title"> a6128316的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/a6128316/article/details/101958004","strategy":"BlogCommendFromMachineLearnPai2","index":"12"}'>
	<div class="content">
		<a href="https://blog.csdn.net/a6128316/article/details/101958004" target="_blank"  rel="noopener" title="div垂直居中(js)">
		<h4 class="text-truncate oneline">
				div垂直居中(<em>js</em>)		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">04-10</span>
				<span class="read-num hover-hide">
					阅读数 
					1</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/a6128316/article/details/101958004" target="_blank" rel="noopener" title="div垂直居中(js)">
				<span class="desc oneline">window.onload = function(){            var xx = document.documentElement.clientHeight;            //...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/a6128316">来自：	<span class="blog_title"> a6128316的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_36308324/article/details/70676851","strategy":"OPENSEARCH","index":"13"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_36308324/article/details/70676851" target="_blank"  rel="noopener" title="总结获取原生JS(javascript)的父节点、子节点、兄弟节点">
		<h4 class="text-truncate oneline">
				总结获取<em>原生</em><em>JS</em>(<em>javascript</em>)的父节点、子节点、兄弟节点		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">04-25</span>
				<span class="read-num hover-hide">
					阅读数 
					5万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_36308324/article/details/70676851" target="_blank" rel="noopener" title="总结获取原生JS(javascript)的父节点、子节点、兄弟节点">
				<span class="desc oneline">关于原生JS获取节点，一直是个头疼的问题，而且调用方法的名字又贼长了，所以我选择用JQ，好像跑题了--话不多说看代码获取父节点及父节点下所有子节点（兄弟节点）&amp;amp;lt;ul&amp;amp;gt;&amp;am...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_36308324">来自：	<span class="blog_title"> Code鱼</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_61" data-pid="61"><iframe  src="https://adaccount.csdn.net/#/preview/787?m=cJbfvHDcoHcnpEtJUJtiLXvHitJXicpiLSAJiHALtytmEtyHEASQnWEDpAiADmAEmfpEnLLJtEEJfiLnpSAQXtEHLcvbtEASpEAQ&k=" frameborder="0" width= "100%"  height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=cJbfvHDcoHcnpEtJUJtiLXvHitJXicpiLSAJiHALtytmEtyHEASQnWEDpAiADmAEmfpEnLLJtEEJfiLnpSAQXtEHLcvbtEASpEAQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/wkj001/article/details/53840471","strategy":"OPENSEARCH","index":"14"}'>
	<div class="content">
		<a href="https://blog.csdn.net/wkj001/article/details/53840471" target="_blank"  rel="noopener" title="原生js如何获取当前元素的同级元素">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>js</em>如何获取当前<em>元素</em>的同级<em>元素</em>		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">12-23</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/wkj001/article/details/53840471" target="_blank" rel="noopener" title="原生js如何获取当前元素的同级元素">
				<span class="desc oneline">原生js如何获取当前元素的同级元素:获取当前元素的同辈元素利用jquery非常容易实现，只要利用siblings()函数即可简单实现，这里不做介绍，具体可以参阅siblings()方法使用详解一章节，...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/wkj001">来自：	<span class="blog_title"> 滴水石穿</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/dl2295630178/article/details/70231056","strategy":"OPENSEARCH","index":"15"}'>
	<div class="content">
		<a href="https://blog.csdn.net/dl2295630178/article/details/70231056" target="_blank"  rel="noopener" title="原生js获取节点">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>js</em>获取节点		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">04-18</span>
				<span class="read-num hover-hide">
					阅读数 
					8216</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/dl2295630178/article/details/70231056" target="_blank" rel="noopener" title="原生js获取节点">
				<span class="desc oneline">// 1 获取元素节点    // 通过id的方式( 通过id查找元素，大小写敏感，如果有多个id只找到第一个)    document.getElementById('div1');    // 通...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/dl2295630178">来自：	<span class="blog_title"> dl2295630178的专栏</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/wingfreedom/article/details/48003975","strategy":"OPENSEARCH","index":"16"}'>
	<div class="content">
		<a href="https://blog.csdn.net/wingfreedom/article/details/48003975" target="_blank"  rel="noopener" title="js根据类名获取元素——自定义getElementsByClass()">
		<h4 class="text-truncate oneline">
				<em>js</em>根据类<em>名</em>获取<em>元素</em>——自定义getElementsByClass()		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">08-26</span>
				<span class="read-num hover-hide">
					阅读数 
					9459</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/wingfreedom/article/details/48003975" target="_blank" rel="noopener" title="js根据类名获取元素——自定义getElementsByClass()">
				<span class="desc oneline">在原生js中，有根据id属性获取元素的方法document.getElementById()，却没有根据class属性获取元素的方法，要知道，我们在项目中经常会有这个需求，为了方便，我们可以自定义一个...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/wingfreedom">来自：	<span class="blog_title"> Howing的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/stalwartwill/article/details/26498603","strategy":"OPENSEARCH","index":"17"}'>
	<div class="content">
		<a href="https://blog.csdn.net/stalwartwill/article/details/26498603" target="_blank"  rel="noopener" title="JS选取DOM元素的方法">
		<h4 class="text-truncate oneline">
				<em>JS</em><em>选取</em>DOM<em>元素</em>的方法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">05-21</span>
				<span class="read-num hover-hide">
					阅读数 
					6万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/stalwartwill/article/details/26498603" target="_blank" rel="noopener" title="JS选取DOM元素的方法">
				<span class="desc oneline">选取文档元素的方法：1、通过ID选取元素（getElementById）   1）使用方法：document.getElementById(&quot;domId&quot;)        其中，domId为要选取元素...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/stalwartwill">来自：	<span class="blog_title"> stalwartwill的专栏</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/a15976447851/article/details/82702604","strategy":"OPENSEARCH","index":"18"}'>
	<div class="content">
		<a href="https://blog.csdn.net/a15976447851/article/details/82702604" target="_blank"  rel="noopener" title="原生js实现画图">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>js</em>实现画图		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">09-14</span>
				<span class="read-num hover-hide">
					阅读数 
					866</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/a15976447851/article/details/82702604" target="_blank" rel="noopener" title="原生js实现画图">
				<span class="desc oneline">原生js实现画图可以用来做你画我猜小游戏的前半部分。首先写出canvas属性&amp;amp;lt;canvasid=&amp;quot;canvas&amp;quot;width=&amp;quot;400&amp;quot;height...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/a15976447851">来自：	<span class="blog_title"> a15976447851的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_62" data-pid="62"><iframe  src="https://adaccount.csdn.net/#/preview/262?m=cpJSQQntpEnHcEDiyHctQtpnAEbSpnLibmLJtfHtXnLJADnHDLLSXDnLnbELHnQnWDbLUSnSEEcyooLtUSHpDAEQLpiLSAEEtEJQ&k=" frameborder="0" width= "100%"  height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=cpJSQQntpEnHcEDiyHctQtpnAEbSpnLibmLJtfHtXnLJADnHDLLSXDnLnbELHnQnWDbLUSnSEEcyooLtUSHpDAEQLpiLSAEEtEJQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Undefineddd/article/details/71308281","strategy":"OPENSEARCH","index":"19"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Undefineddd/article/details/71308281" target="_blank"  rel="noopener" title="js的id选择器">
		<h4 class="text-truncate oneline">
				<em>js</em>的<em>id</em>选择器		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">05-07</span>
				<span class="read-num hover-hide">
					阅读数 
					3628</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Undefineddd/article/details/71308281" target="_blank" rel="noopener" title="js的id选择器">
				<span class="desc oneline">js可以直接使用id来操作dom但此种方法兼容性太差 建议使用标准document。get方法；...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/Undefineddd">来自：	<span class="blog_title"> Undefineddd的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_42143687/article/details/81480659","strategy":"OPENSEARCH","index":"20"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_42143687/article/details/81480659" target="_blank"  rel="noopener" title="原生js获取所有兄弟节点">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>js</em>获取所有兄弟节点		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">08-07</span>
				<span class="read-num hover-hide">
					阅读数 
					5570</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_42143687/article/details/81480659" target="_blank" rel="noopener" title="原生js获取所有兄弟节点">
				<span class="desc oneline">functionsiblings(elm){vara=[];//保存所有兄弟节点varp=elm.parentNode.children;//获取父级的所有子节点for(vari=0;i&amp;amp;lt...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_42143687">来自：	<span class="blog_title"> 时光的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/csdntechnology/article/details/60881465","strategy":"OPENSEARCH","index":"21"}'>
	<div class="content">
		<a href="https://blog.csdn.net/csdntechnology/article/details/60881465" target="_blank"  rel="noopener" title="jquery选择器，toggle示例，js获取id与jquery获取id比较">
		<h4 class="text-truncate oneline">
				jquery选择器，toggle示例，<em>js</em>获取<em>id</em>与jquery获取<em>id</em>比较		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">03-08</span>
				<span class="read-num hover-hide">
					阅读数 
					883</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/csdntechnology/article/details/60881465" target="_blank" rel="noopener" title="jquery选择器，toggle示例，js获取id与jquery获取id比较">
				<span class="desc oneline">jquery选择器特别丰富，先介绍三种，以后补充。1、id选择器：一个用来查找的ID，即元素的id属性描述：$( &quot;#id&quot; )id选择器也是基本的选择器，jQuery内部使用JavaScript函数...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/csdntechnology">来自：	<span class="blog_title"> csdntechnology的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_38627581/article/details/73061023","strategy":"OPENSEARCH","index":"22"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_38627581/article/details/73061023" target="_blank"  rel="noopener" title="使用原生js获取页面信息">
		<h4 class="text-truncate oneline">
				使用<em>原生</em><em>js</em>获取页面信息		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">06-11</span>
				<span class="read-num hover-hide">
					阅读数 
					620</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_38627581/article/details/73061023" target="_blank" rel="noopener" title="使用原生js获取页面信息">
				<span class="desc oneline">1.获取文档宽度/高度    console.log(document.body.scrollWidth);    console.log(document.body.scrollHeight);  ...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_38627581">来自：	<span class="blog_title"> 云_飞扬</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/swiftlinlei/article/details/80617673","strategy":"OPENSEARCH","index":"23"}'>
	<div class="content">
		<a href="https://blog.csdn.net/swiftlinlei/article/details/80617673" target="_blank"  rel="noopener" title="JavaScript 元素选择器">
		<h4 class="text-truncate oneline">
				<em>JavaScript</em> <em>元素</em>选择器		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">06-08</span>
				<span class="read-num hover-hide">
					阅读数 
					4729</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/swiftlinlei/article/details/80617673" target="_blank" rel="noopener" title="JavaScript 元素选择器">
				<span class="desc oneline">JavaScript的元素选择器有：1.循环遍历DOM获取1)document.getElementById(&amp;quot;id值&amp;quot;)-----返回一个对象或null2)document.ge...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/swiftlinlei">来自：	<span class="blog_title"> swiftlinlei的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_63" data-pid="63"><iframe  src="https://adaccount.csdn.net/#/preview/877?m=cLtbtitvQHLnDADonJLHcfnbbSbDbbibifHXUEbbtSJHiAmLbpbLLniyyLHQiiWStcSESopibbttpnDUoQJbDJmnEvLntHnAADQQ&k=" frameborder="0" width= "100%"  height= "103px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=cLtbtitvQHLnDADonJLHcfnbbSbDbbibifHXUEbbtSJHiAmLbpbLLniyyLHQiiWStcSESopibbttpnDUoQJbDJmnEvLntHnAADQQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_39621440/article/details/76100455","strategy":"OPENSEARCH","index":"24"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_39621440/article/details/76100455" target="_blank"  rel="noopener" title="原生JS获取单选框或复选框的选中值的方法">
		<h4 class="text-truncate oneline">
				<em>原生</em><em>JS</em>获取单选框或复选框的选中值的方法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">07-25</span>
				<span class="read-num hover-hide">
					阅读数 
					1277</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_39621440/article/details/76100455" target="_blank" rel="noopener" title="原生JS获取单选框或复选框的选中值的方法">
				<span class="desc oneline">菜鸟入门篇 原生js获取单选框选中值的方法</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_39621440">来自：	<span class="blog_title"> qq_39621440的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_44570557/article/details/87657017","strategy":"OPENSEARCH","index":"25"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_44570557/article/details/87657017" target="_blank"  rel="noopener" title="原生 JS 封装选择器：类似Jquery写法：">
		<h4 class="text-truncate oneline">
				<em>原生</em> <em>JS</em> 封装选择器：类似Jquery<em>写</em>法：		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">02-18</span>
				<span class="read-num hover-hide">
					阅读数 
					173</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_44570557/article/details/87657017" target="_blank" rel="noopener" title="原生 JS 封装选择器：类似Jquery写法：">
				<span class="desc oneline">	**类似JQuery写法：**1、  id 选择器：(注意：不用写 ‘#’ 和 “.” 号)function (id)returndocument.getElementById(id)使用(id) ...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_44570557">来自：	<span class="blog_title"> weixin_44570557的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/WeiLanooo/article/details/100547708","strategy":"BlogCommendHotData","index":"26"}'>
	<div class="content">
		<a href="https://blog.csdn.net/WeiLanooo/article/details/100547708" target="_blank"  rel="noopener" title="爬虫小程序 - 爬取王者荣耀全皮肤">
		<h4 class="text-truncate oneline">
				爬虫小程序 - 爬取王者荣耀全皮肤		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">09-04</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/WeiLanooo/article/details/100547708" target="_blank" rel="noopener" title="爬虫小程序 - 爬取王者荣耀全皮肤">
				<span class="desc oneline">王者荣耀全皮肤图片爬取</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/WeiLanooo">来自：	<span class="blog_title"> 君莫笑</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_42453117/article/details/100655512","strategy":"BlogCommendHotData","index":"27"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_42453117/article/details/100655512" target="_blank"  rel="noopener" title="从入门到精通，Java学习路线导航">
		<h4 class="text-truncate oneline">
				从入门到精通，Java学习路线导航		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-12</span>
				<span class="read-num hover-hide">
					阅读数 
					8万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_42453117/article/details/100655512" target="_blank" rel="noopener" title="从入门到精通，Java学习路线导航">
				<span class="desc oneline">引言最近也有很多人来向我&quot;请教&quot;，他们大都是一些刚入门的新手，还不了解这个行业，也不知道从何学起，开始的时候非常迷茫，实在是每天回复很多人也很麻烦，所以在这里统一作个回复吧。Java学习路线当然，这里...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_42453117">来自：	<span class="blog_title"> wangweijun</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_45514627/article/details/100944879","strategy":"BlogCommendHotData","index":"28"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_45514627/article/details/100944879" target="_blank"  rel="noopener" title="如何优雅的爬妹子网">
		<h4 class="text-truncate oneline">
				如何优雅的爬妹子网		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-23</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_45514627/article/details/100944879" target="_blank" rel="noopener" title="如何优雅的爬妹子网">
				<span class="desc oneline">from urllib import requestimport osfrom user_agents import ua_listimport timeimport randomimport rei...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_45514627">来自：	<span class="blog_title"> weixin_45514627的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_64" data-pid="64"><iframe  src="https://adaccount.csdn.net/#/preview/733?m=cSfvpibHEiDLEbQLtttQinHciSEEEUUpQAJHAiXpfHAiiyJUSpUpSipiJHQWbpcLXccybttAnptJnDnEEptAEQEJXJiSSHtLDQEQ&k=" frameborder="0" width= "100%"  height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=cSfvpibHEiDLEbQLtttQinHciSEEEUUpQAJHAiXpfHAiiyJUSpUpSipiJHQWbpcLXccybttAnptJnDnEEptAEQEJXJiSSHtLDQEQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/zzti_erlie/article/details/101060892","strategy":"BlogCommendHotData","index":"29"}'>
	<div class="content">
		<a href="https://blog.csdn.net/zzti_erlie/article/details/101060892" target="_blank"  rel="noopener" title="花了20分钟，给女朋友们写了一个web版群聊程序">
		<h4 class="text-truncate oneline">
				花了20分钟，给女朋友们<em>写</em>了一个web版群聊程序		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-28</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/zzti_erlie/article/details/101060892" target="_blank" rel="noopener" title="花了20分钟，给女朋友们写了一个web版群聊程序">
				<span class="desc oneline">参考博客[1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/harvic880925/article/details/101511637","strategy":"BlogCommendHotData","index":"30"}'>
	<div class="content">
		<a href="https://blog.csdn.net/harvic880925/article/details/101511637" target="_blank"  rel="noopener" title="对计算机专业来说学历真的重要吗？">
		<h4 class="text-truncate oneline">
				对计算机专业来说学历真的重要吗？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">09-27</span>
				<span class="read-num hover-hide">
					阅读数 
					12万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/harvic880925/article/details/101511637" target="_blank" rel="noopener" title="对计算机专业来说学历真的重要吗？">
				<span class="desc oneline">我本科学校是渣渣二本，研究生学校是985，现在毕业五年，校招笔试、面试，社招面试参加了两年了，就我个人的经历来说下这个问题。这篇文章很长，但绝对是精华，相信我，读完以后，你会知道学历不好的解决方案，记...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/harvic880925">来自：	<span class="blog_title"> 启舰</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/One_L_Star/article/details/102394373","strategy":"BlogCommendHotData","index":"31"}'>
	<div class="content">
		<a href="https://blog.csdn.net/One_L_Star/article/details/102394373" target="_blank"  rel="noopener" title="Java入门学习路线目录索引（持续更新中）">
		<h4 class="text-truncate oneline">
				Java入门学习路线目录索引（持续更新中）		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-08</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/One_L_Star/article/details/102394373" target="_blank" rel="noopener" title="Java入门学习路线目录索引（持续更新中）">
				<span class="desc oneline">新增：Redis 入门【Redis缓存】- 入门——Redis介绍和环境搭建【Redis缓存】- Redis数据结构、基本命令操作、持久化【Redis缓存】- Java客户端JedisSpringBo...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/One_L_Star">来自：	<span class="blog_title"> oneStar的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37907797/article/details/102661778","strategy":"BlogCommendHotData","index":"32"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37907797/article/details/102661778" target="_blank"  rel="noopener" title="程序员必须掌握的核心算法有哪些？">
		<h4 class="text-truncate oneline">
				程序员必须掌握的核心算法有哪些？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-21</span>
				<span class="read-num hover-hide">
					阅读数 
					8万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37907797/article/details/102661778" target="_blank" rel="noopener" title="程序员必须掌握的核心算法有哪些？">
				<span class="desc oneline">由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/m0_37907797">来自：	<span class="blog_title"> 帅地</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/xufive/article/details/102676755","strategy":"BlogCommendHotData","index":"33"}'>
	<div class="content">
		<a href="https://blog.csdn.net/xufive/article/details/102676755" target="_blank"  rel="noopener" title="python 程序员进阶之路：从新手到高手的100个模块">
		<h4 class="text-truncate oneline">
				python 程序员进阶之路：从新手到高手的100个模块		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-23</span>
				<span class="read-num hover-hide">
					阅读数 
					7万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/xufive/article/details/102676755" target="_blank" rel="noopener" title="python 程序员进阶之路：从新手到高手的100个模块">
				<span class="desc oneline">在知乎和CSDN的圈子里，经常看到、听到一些 python 初学者说，学完基础语法后，不知道该学什么，学了也不知道怎么用，一脸的茫然。近日，CSDN的公众号推送了一篇博客，题目叫做《迷思：Python...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/xufive">来自：	<span class="blog_title"> Python作业辅导员</span></a>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_65" data-pid="65"><iframe  src="https://adaccount.csdn.net/#/preview/575?m=bLcStQALvHEiLnctciySHiAtbpESScEtDitiEADcSiHXvtJnnbHitESvyJLvHSQJJSWLJbQivAyyyQpmpytHLLtEScAiJpELitQQ&k=" frameborder="0" width= "100%"  height= "75px" scrolling="no" ></iframe><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?d=2&k=&m=bLcStQALvHEiLnctciySHiAtbpESScEtDitiEADcSiHXvtJnnbHitESvyJLvHSQJJSWLJbQivAyyyQpmpytHLLtEScAiJpELitQQ"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_43943977/article/details/102691392","strategy":"BlogCommendHotData","index":"34"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_43943977/article/details/102691392" target="_blank"  rel="noopener" title="Python——画一棵漂亮的樱花树（不同种樱花+玫瑰+圣诞树喔）">
		<h4 class="text-truncate oneline">
				Python——画一棵漂亮的樱花树（不同种樱花+玫瑰+圣诞树喔）		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-22</span>
				<span class="read-num hover-hide">
					阅读数 
					6万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_43943977/article/details/102691392" target="_blank" rel="noopener" title="Python——画一棵漂亮的樱花树（不同种樱花+玫瑰+圣诞树喔）">
				<span class="desc oneline">最近翻到一篇知乎，上面有不少用Python（大多是turtle库）绘制的树图，感觉很漂亮，我整理了一下，挑了一些我觉得不错的代码分享给大家（这些我都测试过，确实可以生成）one 樱花树 动态生成樱花效...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_43943977">来自：	<span class="blog_title"> 碎片</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37907797/article/details/102740903","strategy":"BlogCommendHotData","index":"35"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37907797/article/details/102740903" target="_blank"  rel="noopener" title="这应该是把计算机网络五层模型讲的最好是文章了，看不懂你打我">
		<h4 class="text-truncate oneline">
				这应该是把计算机网络五层模型讲的最好是文章了，看不懂你打我		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-25</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37907797/article/details/102740903" target="_blank" rel="noopener" title="这应该是把计算机网络五层模型讲的最好是文章了，看不懂你打我">
				<span class="desc oneline">帅地：用心写好每一篇文章！前言天各一方的两台计算机是如何通信的呢？在成千上万的计算机中，为什么一台计算机能够准确着寻找到另外一台计算机，并且把数据发送给它呢？可能很多人都听说过网络通信的 5 层模型，...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/m0_37907797">来自：	<span class="blog_title"> 帅地</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Lin16819/article/details/102759862","strategy":"BlogCommendHotData","index":"36"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Lin16819/article/details/102759862" target="_blank"  rel="noopener" title="HTML CSS整理笔记">
		<h4 class="text-truncate oneline">
				HTML CSS整理笔记		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-26</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Lin16819/article/details/102759862" target="_blank" rel="noopener" title="HTML CSS整理笔记">
				<span class="desc oneline">常见字体单位：1.em移动端常用的字体尺寸单位，说白em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5。但当div进行嵌套时，...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/Lin16819">来自：	<span class="blog_title"> Lin16819的博客</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_45108087/article/details/102766281","strategy":"BlogCommendHotData","index":"37"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_45108087/article/details/102766281" target="_blank"  rel="noopener" title="史上最全的mysql基础教程">
		<h4 class="text-truncate oneline">
				史上最全的mysql基础教程		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-28</span>
				<span class="read-num hover-hide">
					阅读数 
					3万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_45108087/article/details/102766281" target="_blank" rel="noopener" title="史上最全的mysql基础教程">
				<span class="desc oneline">启动与停止启动mysql服务sudo /usr/local/mysql/support-files/mysql.server start停止mysql服务sudo /usr/local/mysql/s...</span>
			</a>
			<span class="blog_title_box oneline ">
									<span class="type-show type-show-blog type-show-after">博文</span>
											<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_45108087">来自：	<span class="blog_title"> 智障小鲁班</span></a>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37907797/article/details/102767860","strategy":"BlogCommendHotData","index":"12"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37907797/article/details/102767860" target="_blank"  rel="noopener" title="为什么你学不会递归？告别递归，谈谈我的经验">
		<h4 class="text-truncate oneline">
				为什么你学不会递归？告别递归，谈谈我的经验		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-28</span>
				<span class="read-num hover-hide">
					阅读数 
					4万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37907797/article/details/102767860" target="_blank" rel="noopener" title="为什么你学不会递归？告别递归，谈谈我的经验">
				<span class="desc oneline">可能很多人在大一的时候，就已经接触了递归了，不过，我敢保证很多人初学者刚开始接触递归的时候，是一脸懵逼的，我当初也是，给我的感觉就是，递归太神奇了！
可能也有一大部分人知道递归，也能看的懂递归，但在实...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><div id="kp_box_66" data-pid="66"><script type="text/javascript">
        (function() {
            var s = "_" + Math.random().toString(36).slice(2);
            document.write('<div style="" id="' + s + '"></div>');
            (window.slotbydup = window.slotbydup || []).push({
                id: "u4623747",
                container: s
            });
        })();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" >
</script><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?p=66&a=1755&c=0&k=&d=1&t=3&u=96de03f1ab0343fc8e76e9c3dba31d1a"></div></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/kebi007/article/details/102772677","strategy":"BlogCommendHotData","index":"13"}'>
	<div class="content">
		<a href="https://blog.csdn.net/kebi007/article/details/102772677" target="_blank"  rel="noopener" title="值得收藏的15个技术类文章合集">
		<h4 class="text-truncate oneline">
				值得收藏的15个技术类文章合集		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-29</span>
				<span class="read-num hover-hide">
					阅读数 
					4141</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/kebi007/article/details/102772677" target="_blank" rel="noopener" title="值得收藏的15个技术类文章合集">
				<span class="desc oneline">平收藏很多，但是都没来得及看，所以整理了一下开发常用的精华集，希望能够帮到你。
(收藏)《博客园精华集》WEB分册
(收藏)《博客园精华集》Sharepoint分册
(收藏)《博客园精华集》JavaS...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/harvic880925/article/details/102774769","strategy":"BlogCommendHotData","index":"14"}'>
	<div class="content">
		<a href="https://blog.csdn.net/harvic880925/article/details/102774769" target="_blank"  rel="noopener" title="有哪些让程序员受益终生的建议">
		<h4 class="text-truncate oneline">
				有哪些让程序员受益终生的建议		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-28</span>
				<span class="read-num hover-hide">
					阅读数 
					6万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/harvic880925/article/details/102774769" target="_blank" rel="noopener" title="有哪些让程序员受益终生的建议">
				<span class="desc oneline">从业五年多，辗转两个大厂，出过书，创过业，从技术小白成长为基层管理，联合几个业内大牛回答下这个问题，希望能帮到大家，记得帮我点赞哦。

敲黑板！！！读了这篇文章，你将知道如何才能进大厂，如何实现财务自...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37907797/article/details/102781027","strategy":"BlogCommendHotData","index":"15"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37907797/article/details/102781027" target="_blank"  rel="noopener" title="大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了">
		<h4 class="text-truncate oneline">
				大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-28</span>
				<span class="read-num hover-hide">
					阅读数 
					16万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37907797/article/details/102781027" target="_blank" rel="noopener" title="大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了">
				<span class="desc oneline">大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/u014427391/article/details/102785219","strategy":"BlogCommendHotData","index":"16"}'>
	<div class="content">
		<a href="https://blog.csdn.net/u014427391/article/details/102785219" target="_blank"  rel="noopener" title="linux系列之常用运维命令整理笔录">
		<h4 class="text-truncate oneline">
				linux系列之常用运维命令整理笔录		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-02</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/u014427391/article/details/102785219" target="_blank" rel="noopener" title="linux系列之常用运维命令整理笔录">
				<span class="desc oneline">本博客记录工作中需要的linux运维命令，大学时候开始接触linux，会一些基本操作，可是都没有整理起来，加上是做开发，不做运维，有些命令忘记了，所以现在整理成博客，当然vi，文件操作等就不介绍了，慢...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_36903042/article/details/102792114","strategy":"BlogCommendHotData","index":"17"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_36903042/article/details/102792114" target="_blank"  rel="noopener" title="大学四年，我把私藏的自学「学习网站/实用工具」都贡献出来了">
		<h4 class="text-truncate oneline">
				大学四年，我把私藏的自学「学习网站/实用工具」都贡献出来了		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-29</span>
				<span class="read-num hover-hide">
					阅读数 
					9万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_36903042/article/details/102792114" target="_blank" rel="noopener" title="大学四年，我把私藏的自学「学习网站/实用工具」都贡献出来了">
				<span class="desc oneline">在分享之前，先说说初学者如何学习编程，这个话题想必非常的重要，要学好编程，给你一些学习网站也好、实用工具也好，但前提是你知道如何去学习它。
见过很多初学者，以及小鹿我刚开始学习的时候，也是自己瞎摸索，...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/gao_chun/article/details/102795414","strategy":"BlogCommendHotData","index":"18"}'>
	<div class="content">
		<a href="https://blog.csdn.net/gao_chun/article/details/102795414" target="_blank"  rel="noopener" title="中国麻将：世界上最早的区块链项目">
		<h4 class="text-truncate oneline">
				中国麻将：世界上最早的区块链项目		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-29</span>
				<span class="read-num hover-hide">
					阅读数 
					5万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/gao_chun/article/details/102795414" target="_blank" rel="noopener" title="中国麻将：世界上最早的区块链项目">
				<span class="desc oneline">中国麻将：世界上最早的区块链项目

最近区块链这个玩意又被市场搞的很是火热，相信大部分人都不太清楚这玩意到底是怎么样的一个概念，它来了，它来了，它到底是啥~ 国家都开始发文支持了，下面是一个通俗易懂的...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/zcg_741454897/article/details/102796022","strategy":"BlogCommendHotData","index":"19"}'>
	<div class="content">
		<a href="https://blog.csdn.net/zcg_741454897/article/details/102796022" target="_blank"  rel="noopener" title="比特币原理详解">
		<h4 class="text-truncate oneline">
				比特币原理详解		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-29</span>
				<span class="read-num hover-hide">
					阅读数 
					4万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/zcg_741454897/article/details/102796022" target="_blank" rel="noopener" title="比特币原理详解">
				<span class="desc oneline">一、什么是比特币

比特币是一种电子货币，是一种基于密码学的货币，在2008年11月1日由中本聪发表比特币白皮书，文中提出了一种去中心化的电子记账系统，我们平时的电子现金是银行来记账，因为银行的背后是...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/ityard/article/details/102807071","strategy":"BlogCommendHotData","index":"20"}'>
	<div class="content">
		<a href="https://blog.csdn.net/ityard/article/details/102807071" target="_blank"  rel="noopener" title="Python 基础（一）：入门必备知识">
		<h4 class="text-truncate oneline">
				Python 基础（一）：入门必备知识		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-30</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/ityard/article/details/102807071" target="_blank" rel="noopener" title="Python 基础（一）：入门必备知识">
				<span class="desc oneline">Python 入门必备知识，你都掌握了吗？</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/xiyue001/article/details/102816596","strategy":"BlogCommendHotData","index":"21"}'>
	<div class="content">
		<a href="https://blog.csdn.net/xiyue001/article/details/102816596" target="_blank"  rel="noopener" title="兼职程序员一般可以从什么平台接私活？">
		<h4 class="text-truncate oneline">
				兼职程序员一般可以从什么平台接私活？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-31</span>
				<span class="read-num hover-hide">
					阅读数 
					7万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/xiyue001/article/details/102816596" target="_blank" rel="noopener" title="兼职程序员一般可以从什么平台接私活？">
				<span class="desc oneline">这个问题我进行了系统性的总结，以下将进行言简意赅的说明和渠道提供，希望对各位小猿/小媛们有帮助~

根据我们的经验，程序员兼职主要分为三种：兼职职位众包、项目整包和自由职业者驻场。

所谓的兼职职位众...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/sunnyzyq/article/details/102833096","strategy":"BlogCommendHotData","index":"22"}'>
	<div class="content">
		<a href="https://blog.csdn.net/sunnyzyq/article/details/102833096" target="_blank"  rel="noopener" title="Ngrok： 超简单的内网穿透，了解一下 ？">
		<h4 class="text-truncate oneline">
				Ngrok： 超简单的内网穿透，了解一下 ？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-31</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/sunnyzyq/article/details/102833096" target="_blank" rel="noopener" title="Ngrok： 超简单的内网穿透，了解一下 ？">
				<span class="desc oneline">【1】什么是内网穿透？

首先，我们生活中的网络从应用上可以分为内网和外网；

内网就是你自己的网络环境，就你自己能访问，比如你本地测试进行的localhost；

外网就不言而喻了，你看网页，视频等...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	<div class="recommend-item-box recommend-recommend-box"><script type="text/javascript" src="//rabc1.iteye.com/production/res/rxjg.js?pkcgstj=jm"></script></div>
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/hebtu666/article/details/102841554","strategy":"BlogCommendHotData","index":"23"}'>
	<div class="content">
		<a href="https://blog.csdn.net/hebtu666/article/details/102841554" target="_blank"  rel="noopener" title="反射全解">
		<h4 class="text-truncate oneline">
				反射全解		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">10-31</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/hebtu666/article/details/102841554" target="_blank" rel="noopener" title="反射全解">
				<span class="desc oneline">反射的概念

反射的引入：

Object obj = new Student();

若程序运行时接收到外部传入的一个对象，该对象的编译类型是Object，但程序又需要调用该对象运行类型的方法：

...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/wydyd110/article/details/102851022","strategy":"BlogCommendHotData","index":"24"}'>
	<div class="content">
		<a href="https://blog.csdn.net/wydyd110/article/details/102851022" target="_blank"  rel="noopener" title="死磕C语言指针">
		<h4 class="text-truncate oneline">
				死磕C语言指针		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-01</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/wydyd110/article/details/102851022" target="_blank" rel="noopener" title="死磕C语言指针">
				<span class="desc oneline">兜兜转转还是逃不过 C 语言，这该死的缘分。

先看一眼我的西野七濑



学习自：https://zhuanlan.zhihu.com/p/89121683

目录

1 指针

1.1 指针是乜嘢...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/xufive/article/details/102856921","strategy":"BlogCommendHotData","index":"25"}'>
	<div class="content">
		<a href="https://blog.csdn.net/xufive/article/details/102856921" target="_blank"  rel="noopener" title="Python十大装B语法">
		<h4 class="text-truncate oneline">
				Python十大装B语法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-02</span>
				<span class="read-num hover-hide">
					阅读数 
					8万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/xufive/article/details/102856921" target="_blank" rel="noopener" title="Python十大装B语法">
				<span class="desc oneline">Python 是一种代表简单思想的语言，其语法相对简单，很容易上手。不过，如果就此小视 Python 语法的精妙和深邃，那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点，并...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/jianzhang11/article/details/102867120","strategy":"BlogCommendHotData","index":"26"}'>
	<div class="content">
		<a href="https://blog.csdn.net/jianzhang11/article/details/102867120" target="_blank"  rel="noopener" title="数据库优化 - SQL优化">
		<h4 class="text-truncate oneline">
				数据库优化 - SQL优化		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-01</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/jianzhang11/article/details/102867120" target="_blank" rel="noopener" title="数据库优化 - SQL优化">
				<span class="desc oneline">从一个示例入手，带你一步一步掌握SQL优化的技巧！</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_44560813/article/details/102956248","strategy":"BlogCommendHotData","index":"27"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_44560813/article/details/102956248" target="_blank"  rel="noopener" title="送给单身猿们的表白神器">
		<h4 class="text-truncate oneline">
				送给单身猿们的表白神器		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-07</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_44560813/article/details/102956248" target="_blank" rel="noopener" title="送给单身猿们的表白神器">
				<span class="desc oneline">问天下男生，有谁想单身？又有谁想单身一辈子？
虽然本人也是单身狗，但是也是有一个远大的理想，哈哈，大白天的我又开始做梦了
原网址：http://wfhuang.coding.me/LoveJuan...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_43517653/article/details/102961003","strategy":"BlogCommendHotData","index":"28"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_43517653/article/details/102961003" target="_blank"  rel="noopener" title="python学习目录">
		<h4 class="text-truncate oneline">
				python学习目录		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-07</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_43517653/article/details/102961003" target="_blank" rel="noopener" title="python学习目录">
				<span class="desc oneline">这是我学习python的一套流程，从入门到上手
一、Python入门、环境搭建、变量、数据类型

二、Python运算符、条件结构、循环结构

三、Python函数

四、做一次综合练习,做一个控制台...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/u013486414/article/details/102961171","strategy":"BlogCommendHotData","index":"29"}'>
	<div class="content">
		<a href="https://blog.csdn.net/u013486414/article/details/102961171" target="_blank"  rel="noopener" title="刷了几千道算法题，这些我私藏的刷题网站都在这里了！">
		<h4 class="text-truncate oneline">
				刷了几千道算法题，这些我私藏的刷题网站都在这里了！		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-08</span>
				<span class="read-num hover-hide">
					阅读数 
					3万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/u013486414/article/details/102961171" target="_blank" rel="noopener" title="刷了几千道算法题，这些我私藏的刷题网站都在这里了！">
				<span class="desc oneline">遥想当年，机缘巧合入了 ACM 的坑，周边巨擘林立，从此过上了&quot;天天被虐似死狗&quot;的生活…



然而我是谁，我可是死狗中的战斗鸡，智力不够那刷题来凑，开始了夜以继日哼哧哼哧刷题的日子，从此&quot;读题与提交...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/csdnnews/article/details/102982675","strategy":"BlogCommendHotData","index":"30"}'>
	<div class="content">
		<a href="https://blog.csdn.net/csdnnews/article/details/102982675" target="_blank"  rel="noopener" title="JavaScript 为什么能活到现在？">
		<h4 class="text-truncate oneline">
				JavaScript 为什么能活到现在？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-08</span>
				<span class="read-num hover-hide">
					阅读数 
					8543</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/csdnnews/article/details/102982675" target="_blank" rel="noopener" title="JavaScript 为什么能活到现在？">
				<span class="desc oneline">作者 | 司徒正美

责编 |郭芮

出品 | CSDN（ID：CSDNnews）



JavaScript能发展到现在的程度已经经历不少的坎坷，早产带来的某些缺陷是永久性的，因此浏览器才有禁用Ja...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_44543508/article/details/102983363","strategy":"BlogCommendHotData","index":"31"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_44543508/article/details/102983363" target="_blank"  rel="noopener" title="别翻了，这篇文章绝对让你深刻理解java类的加载以及ClassLoader源码分析【JVM篇二】">
		<h4 class="text-truncate oneline">
				别翻了，这篇文章绝对让你深刻理解java类的加载以及ClassLoader源码分析【JVM篇二】		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">12-01</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_44543508/article/details/102983363" target="_blank" rel="noopener" title="别翻了，这篇文章绝对让你深刻理解java类的加载以及ClassLoader源码分析【JVM篇二】">
				<span class="desc oneline">点进文章的盆友不如先来做一道非常常见的面试题，如果你能做出来，可能你早已掌握并理解了java的类加载机制，若结果出乎你的意料，那就很有必要来了解了解java的类加载机制了。代码如下嗯哼？其实上面程序并...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/zzti_erlie/article/details/102988486","strategy":"BlogCommendHotData","index":"32"}'>
	<div class="content">
		<a href="https://blog.csdn.net/zzti_erlie/article/details/102988486" target="_blank"  rel="noopener" title="项目中的if else太多了，该怎么重构？">
		<h4 class="text-truncate oneline">
				项目中的if else太多了，该怎么重构？		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-11</span>
				<span class="read-num hover-hide">
					阅读数 
					2万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/zzti_erlie/article/details/102988486" target="_blank" rel="noopener" title="项目中的if else太多了，该怎么重构？">
				<span class="desc oneline">介绍
最近跟着公司的大佬开发了一款IM系统，类似QQ和微信哈，就是聊天软件。我们有一部分业务逻辑是这样的
if (msgType = &quot;文本&quot;) {
	// dosomething
} else if...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/xufive/article/details/102993570","strategy":"BlogCommendHotData","index":"33"}'>
	<div class="content">
		<a href="https://blog.csdn.net/xufive/article/details/102993570" target="_blank"  rel="noopener" title="致 Python 初学者">
		<h4 class="text-truncate oneline">
				致 Python 初学者		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-13</span>
				<span class="read-num hover-hide">
					阅读数 
					5万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/xufive/article/details/102993570" target="_blank" rel="noopener" title="致 Python 初学者">
				<span class="desc oneline">欢迎来到“Python进阶”专栏！来到这里的每一位同学，应该大致上学习了很多 Python 的基础知识，正在努力成长的过程中。在此期间，一定遇到了很多的困惑，对未来的学习方向感到迷茫。我非常理解你们所...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_41946557/article/details/103036123","strategy":"BlogCommendHotData","index":"34"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_41946557/article/details/103036123" target="_blank"  rel="noopener" title="YouTube排名第一的励志英文演讲《Dream(梦想)》">
		<h4 class="text-truncate oneline">
				YouTube排名第一的励志英文演讲《Dream(梦想)》		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-12</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_41946557/article/details/103036123" target="_blank" rel="noopener" title="YouTube排名第一的励志英文演讲《Dream(梦想)》">
				<span class="desc oneline">Idon’t know what that dream is that you have, I don't care how disappointing it might have been as y...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37609579/article/details/103054993","strategy":"BlogCommendHotData","index":"35"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37609579/article/details/103054993" target="_blank"  rel="noopener" title="“狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作">
		<h4 class="text-truncate oneline">
				“狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-13</span>
				<span class="read-num hover-hide">
					阅读数 
					4万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37609579/article/details/103054993" target="_blank" rel="noopener" title="“狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作">
				<span class="desc oneline">一、垃圾文字生成器介绍

最近在浏览GitHub的时候，发现了这样一个骨骼清奇的雷人项目，而且热度还特别高。

项目中文名：狗屁不通文章生成器
	项目英文名：BullshitGenerator
根据作...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/kebi007/article/details/103059900","strategy":"BlogCommendHotData","index":"36"}'>
	<div class="content">
		<a href="https://blog.csdn.net/kebi007/article/details/103059900" target="_blank"  rel="noopener" title="程序员：我终于知道post和get的区别">
		<h4 class="text-truncate oneline">
				程序员：我终于知道post和get的区别		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-14</span>
				<span class="read-num hover-hide">
					阅读数 
					4万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/kebi007/article/details/103059900" target="_blank" rel="noopener" title="程序员：我终于知道post和get的区别">
				<span class="desc oneline">是一个老生常谈的话题，然而随着不断的学习，对于以前的认识有很多误区，所以还是需要不断地总结的，学而时习之，不亦说乎...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/zzti_erlie/article/details/103102151","strategy":"BlogCommendHotData","index":"37"}'>
	<div class="content">
		<a href="https://blog.csdn.net/zzti_erlie/article/details/103102151" target="_blank"  rel="noopener" title="Java世界最常用的工具类库">
		<h4 class="text-truncate oneline">
				Java世界最常用的工具类库		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-20</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/zzti_erlie/article/details/103102151" target="_blank" rel="noopener" title="Java世界最常用的工具类库">
				<span class="desc oneline">Apache Commons
Apache Commons有很多子项目
Google Guava
参考博客

</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/m0_37609579/article/details/103108301","strategy":"BlogCommendHotData","index":"38"}'>
	<div class="content">
		<a href="https://blog.csdn.net/m0_37609579/article/details/103108301" target="_blank"  rel="noopener" title="程序员把地府后台管理系统做出来了，还有3.0版本！">
		<h4 class="text-truncate oneline">
				程序员把地府后台管理系统做出来了，还有3.0版本！		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-17</span>
				<span class="read-num hover-hide">
					阅读数 
					3万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/m0_37609579/article/details/103108301" target="_blank" rel="noopener" title="程序员把地府后台管理系统做出来了，还有3.0版本！">
				<span class="desc oneline">第一幕：缘起

听说阎王爷要做个生死簿后台管理系统，我们派去了一个程序员……



996程序员做的梦：



第一场：团队招募

为了应对地府管理危机，阎王打算找“人”开发一套地府后台管理系统，于是...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/jxq0816/article/details/103115626","strategy":"BlogCommendHotData","index":"39"}'>
	<div class="content">
		<a href="https://blog.csdn.net/jxq0816/article/details/103115626" target="_blank"  rel="noopener" title="网易云6亿用户音乐推荐算法">
		<h4 class="text-truncate oneline">
				网易云6亿用户音乐推荐算法		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-17</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/jxq0816/article/details/103115626" target="_blank" rel="noopener" title="网易云6亿用户音乐推荐算法">
				<span class="desc oneline">网易云音乐是音乐爱好者的集聚地，云音乐推荐系统致力于通过 AI 算法的落地，实现用户千人千面的个性化推荐，为用户带来不一样的听歌体验。

本次分享重点介绍 AI 算法在音乐推荐中的应用实践，以及在算法...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/meteor_93/article/details/103135021","strategy":"BlogCommendHotData","index":"40"}'>
	<div class="content">
		<a href="https://blog.csdn.net/meteor_93/article/details/103135021" target="_blank"  rel="noopener" title="小白学 Python（24）：Excel 基础操作（下）">
		<h4 class="text-truncate oneline">
				小白学 Python（24）：Excel 基础操作（下）		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-19</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/meteor_93/article/details/103135021" target="_blank" rel="noopener" title="小白学 Python（24）：Excel 基础操作（下）">
				<span class="desc oneline">人生苦短，我选Python



前文传送门
小白学 Python（1）：开篇
小白学 Python（2）：基础数据类型（上）
小白学 Python（3）：基础数据类型（下）
小白学 Python（4...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_37141773/article/details/103138476","strategy":"BlogCommendHotData","index":"41"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_37141773/article/details/103138476" target="_blank"  rel="noopener" title="小白都能看得懂的java虚拟机内存模型">
		<h4 class="text-truncate oneline">
				小白都能看得懂的java虚拟机内存模型		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-26</span>
				<span class="read-num hover-hide">
					阅读数 
					4768</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_37141773/article/details/103138476" target="_blank" rel="noopener" title="小白都能看得懂的java虚拟机内存模型">
				<span class="desc oneline">目录

一、虚拟机

二、虚拟机组成

1.栈

栈帧

2.程序计数器

3.方法区

对象组成

4.本地方法栈

5.堆

GC

GC案例

一、虚拟机




​


同样的java代码在不...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Powerful_Fy/article/details/103145114","strategy":"BlogCommendHotData","index":"42"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Powerful_Fy/article/details/103145114" target="_blank"  rel="noopener" title="shell脚本基础">
		<h4 class="text-truncate oneline">
				shell脚本基础		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-21</span>
				<span class="read-num hover-hide">
					阅读数 
					9147</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Powerful_Fy/article/details/103145114" target="_blank" rel="noopener" title="shell脚本基础">
				<span class="desc oneline">shell简介：shell是一种脚本语言，可以使用逻辑判断、循环等语法，可以自定义函数，是系统命令的集合
文章目录shell脚本结构和执行方法shell脚本中date命令的用法
shell脚本结构和执...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_35190492/article/details/103153444","strategy":"BlogCommendHotData","index":"43"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_35190492/article/details/103153444" target="_blank"  rel="noopener" title="《吊打面试官》系列-消息队列基础">
		<h4 class="text-truncate oneline">
				《吊打面试官》系列-消息队列基础		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-20</span>
				<span class="read-num hover-hide">
					阅读数 
					8966</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_35190492/article/details/103153444" target="_blank" rel="noopener" title="《吊打面试官》系列-消息队列基础">
				<span class="desc oneline">你知道的越多，你不知道的越多
  点赞再看，养成习惯
  GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群，欢迎Sta...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/csdnnews/article/details/103154693","strategy":"BlogCommendHotData","index":"44"}'>
	<div class="content">
		<a href="https://blog.csdn.net/csdnnews/article/details/103154693" target="_blank"  rel="noopener" title="8年经验面试官详解 Java 面试秘诀">
		<h4 class="text-truncate oneline">
				8年经验面试官详解 Java 面试秘诀		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-19</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/csdnnews/article/details/103154693" target="_blank" rel="noopener" title="8年经验面试官详解 Java 面试秘诀">
				<span class="desc oneline">作者 |胡书敏

责编 | 刘静

出品 | CSDN（ID：CSDNnews）

本人目前在一家知名外企担任架构师，而且最近八年来，在多家外企和互联网公司担任Java技术面试官，前后累计面试了有两三...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq_26465035/article/details/103160711","strategy":"BlogCommendHotData","index":"45"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq_26465035/article/details/103160711" target="_blank"  rel="noopener" title="【Java面试官】史上最全的JAVA专业术语面试100问">
		<h4 class="text-truncate oneline">
				【Java面试官】史上最全的JAVA专业术语面试100问		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-30</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq_26465035/article/details/103160711" target="_blank" rel="noopener" title="【Java面试官】史上最全的JAVA专业术语面试100问">
				<span class="desc oneline">春风如贵客，一到便繁华。各位看官点赞再看，养成好习惯(●´∀｀●)


gitee上已经开源https://gitee.com/Li-Ren/blog里面有一线大厂面试点脑图，欢迎Star和PR你认为...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/qq449245884/article/details/103169986","strategy":"BlogCommendHotData","index":"46"}'>
	<div class="content">
		<a href="https://blog.csdn.net/qq449245884/article/details/103169986" target="_blank"  rel="noopener" title="27 个提升开发幸福度的 VsCode 插件">
		<h4 class="text-truncate oneline">
				27 个提升开发幸福度的 VsCode 插件		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-20</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/qq449245884/article/details/103169986" target="_blank" rel="noopener" title="27 个提升开发幸福度的 VsCode 插件">
				<span class="desc oneline">作者：Jsmanifest 译者：前端小智 来源：Medium


Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript ...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weiwenhou/article/details/103170223","strategy":"BlogCommendHotData","index":"47"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weiwenhou/article/details/103170223" target="_blank"  rel="noopener" title="Java程序员必备：异常的十个关键知识点">
		<h4 class="text-truncate oneline">
				Java程序员必备：异常的十个关键知识点		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-20</span>
				<span class="read-num hover-hide">
					阅读数 
					9055</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weiwenhou/article/details/103170223" target="_blank" rel="noopener" title="Java程序员必备：异常的十个关键知识点">
				<span class="desc oneline">前言总结了Java异常十个关键知识点，面试或者工作中都有用哦，加油。一. 异常是什么异常是指阻止当前方法或作用域继续执行的问题。比如你读取的文件不存在，数组越界，进行除法......</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/csdnnews/article/details/103170528","strategy":"BlogCommendHotData","index":"48"}'>
	<div class="content">
		<a href="https://blog.csdn.net/csdnnews/article/details/103170528" target="_blank"  rel="noopener" title="腾讯“疯狂”开源！">
		<h4 class="text-truncate oneline">
				腾讯“疯狂”开源！		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-20</span>
				<span class="read-num hover-hide">
					阅读数 
					8726</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/csdnnews/article/details/103170528" target="_blank" rel="noopener" title="腾讯“疯狂”开源！">
				<span class="desc oneline">作者 | 马超

责编 | 胡巍巍

出品 | CSDN（ID：CSDNnews）

近日，腾讯自研的万亿级分布式消息中间件TubeMQ正式开源，并捐赠给Apache基金会，成为基金会官方认可的Inc...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_43691058/article/details/103175678","strategy":"BlogCommendHotData","index":"49"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_43691058/article/details/103175678" target="_blank"  rel="noopener" title="MySQL数据库总结">
		<h4 class="text-truncate oneline">
				MySQL数据库总结		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-25</span>
				<span class="read-num hover-hide">
					阅读数 
					6482</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_43691058/article/details/103175678" target="_blank" rel="noopener" title="MySQL数据库总结">
				<span class="desc oneline">一、数据库简介

数据库(Database，DB)是按照数据结构来组织，存储和管理数据的仓库。
典型特征：数据的结构化、数据间的共享、减少数据的冗余度，数据的独立性。
关系型数据库：使用关系模型把数据...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/Woo_home/article/details/103177912","strategy":"BlogCommendHotData","index":"50"}'>
	<div class="content">
		<a href="https://blog.csdn.net/Woo_home/article/details/103177912" target="_blank"  rel="noopener" title="深入理解ArrayList">
		<h4 class="text-truncate oneline">
				深入理解ArrayList		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-21</span>
				<span class="read-num hover-hide">
					阅读数 
					1万+</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/Woo_home/article/details/103177912" target="_blank" rel="noopener" title="深入理解ArrayList">
				<span class="desc oneline">什么是ArrayList？
ArrayList的实现原理其实就是数组（动态数组），ArrayList的介绍及简单使用方法
动态数组与一般数组有什么区别？
与Java中的数组相比，ArrayList的容...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
<div class="recommend-item-box type_blog clearfix"  data-report-click='{"mod":"popu_614","dest":"https://blog.csdn.net/weixin_42830697/article/details/103181039","strategy":"BlogCommendHotData","index":"51"}'>
	<div class="content">
		<a href="https://blog.csdn.net/weixin_42830697/article/details/103181039" target="_blank"  rel="noopener" title="中国知网爬虫">
		<h4 class="text-truncate oneline">
				中国知网爬虫		</h4>
		<div class="info-box d-flex align-content-center">
			<p class="date-and-readNum oneline">
				<span class="date hover-show">11-25</span>
				<span class="read-num hover-hide">
					阅读数 
					9973</span>
				</p>
			</div>
		</a>
		<p class="content">
			<a href="https://blog.csdn.net/weixin_42830697/article/details/103181039" target="_blank" rel="noopener" title="中国知网爬虫">
				<span class="desc oneline">中国知网爬虫

一、知网介绍

提起中国知网，如果你曾经写过论文，那么基本上都会与中国知网打交道，因为写一篇论文必然面临着各种查重，当然翟博士除外。但是，本次重点不在于写论文跟查重上，而在于我们要爬取...</span>
			</a>
			<span class="blog_title_box oneline no-title">
									<span class="type-show type-show-blog type-show-after">博文</span>
												</span>
		</p>
	</div>
	</div>

	
	
                    <div class="recommend-item-box type_hot_word">
                    <div class="content clearfix">
                        <div class="float-left">
                                                                                <span>
                                <a href="https://blog.csdn.net/yilovexing/article/details/80577510" target="_blank">
                                python</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/slwbcsdn/article/details/53458352" target="_blank">
                                json</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/csdnnews/article/details/83753246" target="_blank">
                                java</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/qq_35077512/article/details/88952519" target="_blank">
                                mysql</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/pdcfighting/article/details/80297499" target="_blank">
                                pycharm</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/sinyu890807/article/details/97142065" target="_blank">
                                android</a>
                            </span>
                                                        <span>
                                <a href="https://blog.csdn.net/gexiaoyizhimei/article/details/100122368" target="_blank">
                                linux</a>
                            </span>
                                                        <span>
                                <a href="https://download.csdn.net/download/xhg_gszs/10978826" target="_blank">
                                json格式</a>
                            </span>
                                                    
                                                                                <span>
                                <a href="https://www.csdn.net/gather_15/NtTaIgysLWRvd25sb2Fk.html" target="_blank">
                                c# 出提示音</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_12/NtTaIgzsLWRvd25sb2Fk.html" target="_blank">
                                c# exe緩存</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_1b/NtTaIg0sLWRvd25sb2Fk.html" target="_blank">
                                c#panel增加滚动条</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_16/NtTaIg1sLWRvd25sb2Fk.html" target="_blank">
                                c#中生成的dll文件</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_28/NtTaIg2sLWJsb2cO0O0O.html" target="_blank">
                                c# 模板类</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_11/NtTaIg3sLWRvd25sb2Fk.html" target="_blank">
                                c# 截取txt文本内容</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_1d/NtTaMgwsLWRvd25sb2Fk.html" target="_blank">
                                c# 内存 占用</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_10/NtTaMgxsLWRvd25sb2Fk.html" target="_blank">
                                c#时间格式化 不带-</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_12/NtTaMgysLWRvd25sb2Fk.html" target="_blank">
                                c#替换字符串中指定位置</a>
                            </span>
                                                        <span>
                                <a href="https://www.csdn.net/gather_1d/NtTaMgzsLWRvd25sb2Fk.html" target="_blank">
                                c# rdlc 动态报表</a>
                            </span>
                                                                            </div>
                    </div>
                    </div>
                                    <div class="recommend-loading-box">
                    <img src='https://csdnimg.cn/release/phoenix/images/feedLoading.gif'>
                </div>
                <div class="recommend-end-box">
                    <p class="text-center">没有更多推荐了，<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
                </div>
            </div>
                            <div class="template-box">
                    <span>©️2019 CSDN</span><span class="point"></span>
                <span>皮肤主题: 编程工作室</span>
                <span> 设计师:
                                            CSDN官方博客                                    </span>
                </div>
                    </main>
        <aside class="blog_container_aside">
	<!--主页引入-->

    <div id="asideProfile" class="aside-box">
    <!-- <h3 class="aside-title">个人资料</h3> -->
    <div class="profile-intro d-flex">
        <div class="avatar-box d-flex justify-content-center flex-column">
            <a href="https://blog.csdn.net/a6128316"  data-report-click='{"mod":"popu_379","dest":"https://blog.csdn.net/a6128316"}'>
                <img src="https://profile.csdnimg.cn/A/5/3/3_a6128316" class="avatar_pic" username='a6128316'>
                                    <img src="https://g.csdnimg.cn/static/user-reg-year/1x/5.png" class="user-years">
                            </a>
            
        </div>
        <div class="user-info d-flex flex-column profile-intro-name-box">
            <div>
                                <span class="name csdn-tracking-statistics tracking-click "   data-report-click='{"mod":"popu_379","dest":"https://blog.csdn.net/a6128316"}' username='a6128316'>
                    <a href="https://blog.csdn.net/a6128316" class="" id="uid" title='a6128316'>
                        a6128316                    </a>
                </span>
                            </div>
            <div class="profile-intro-name-boxFooter">
                                    <div class="personal-home-page" style='right:-96px;'><a target="_blank" href="https://me.csdn.net/a6128316" data-report-click='{"mod":"popu_828","dest":"https://me.csdn.net/a6128316"}'>TA的个人主页 ></a></div>
                                <div class="profile-intro-name-boxOpration">
                                            <div class='profile-personal-letter'>
                            <a id="profile-personal-alink" class='profile-personal-alink' data-report-click='{"mod":"popu_829","dest":"https://im.csdn.net/im/main.html?userName=a6128316"}' href=https://im.csdn.net/im/main.html?userName=a6128316 target="_blank" rel="noopener">私信</a>
                        </div>
                        <div class="opt-box d-flex  flex-column">
                            <span class="csdn-tracking-statistics tracking-click" data-report-click='{"mod":"popu_379"}'>
                                                                    <a class="btn btn-sm btn-red-hollow attention" id="btnAttent" style='padding:0;'>关注</a>
                                                            </span>
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    <div class="data-info d-flex item-tiling">
                <dl class="text-center" title="0">
                            <dt>原创</dt>
                <dd><span class="count">0</span></dd>
                    </dl>
        <dl class="text-center" id="fanBox" title="0">
            <dt>粉丝</dt>
            <dd><span class="count" id="fan">0</span></dd>
        </dl>
        <dl class="text-center" title="0">
            <dt>获赞</dt>
            <dd><span class="count">0</span></dd>
        </dl>
        <dl class="text-center" title="0">
            <dt>评论</dt>
            <dd><span class="count">0</span></dd>
        </dl>
        <dl class="text-center" title="57">
            <dt>访问</dt>
            <dd><span class="count">57</span></dd>
        </dl>
    </div>
    <div class="grade-box clearfix">
        <dl class="aside-box-footerClassify">
            <dt>等级:</dt>
            <dd>
                <a href="https://blog.csdn.net/home/help.html#level" title="1级,点击查看等级说明" target="_blank">
                    <svg class="icon icon-level" aria-hidden="true">
                        <use xlink:href="#csdnc-bloglevel-1"></use>
                    </svg>
                </a>
            </dd>
        </dl>
        <dl>
            <dt>周排名:</dt>
            <dd>
                <a class="grade-box-rankA" href="https://blog.csdn.net/rank/writing_rank" target="_blank">
                    123万+                </a>
            </dd>
        </dl>
        <dl>
            <dt>积分:</dt>
            <dd title="0">
                0            </dd>
        </dl>
        <dl title="1214042">
            <dt>总排名:</dt>
            <dd>
                <a class="grade-box-rankA" href="https://blog.csdn.net/rank/writing_rank_total" target="_blank">
                    121万+                </a>
            </dd>
        </dl>
    </div>
    <div class="aside-box-footer">
                
    </div>
</div>
<script>
    function watchBtnChange(flag, username) {
        $('span.blog-expert-button-follow').each(function(index) {
            if (flag) {
                if ($(this).attr("data-name") == username) {
                    $(this).html('<span class="hover-hide">已关注</span><span class="hover-show">取消</span>').removeClass('btn-red-follow').addClass('btn-gray-follow attented');
                }
            } else {
                if ($(this).attr("data-name") == username) {
                    $(this).html("关注").addClass('btn-red-follow').removeClass('btn-gray-follow attented');
                }
            }
        })
        if (username == $('p.csdn-tracking-statistics').attr("username")) {
            if (flag) {
                $('#btnAttent').addClass("attented").text("已关注").removeClass('btn-red-hollow').addClass('btn-gray-hollow');
                changeFans(1)
            } else {
                $('#btnAttent').text("关注").addClass('btn-red-hollow').removeClass('btn-gray-hollow attented');
                changeFans(-1)
            }
        }


    }

    function changeFans(num) {
        if ($('#fan').text().indexOf('+') < 0) {
            $('#fan').text(parseInt($('#fan').text()) + num);
        } else {
            $('#fanBox').attr('title', parseInt($('#fanBox').attr('title')) + num);
        }
    }
    window.csdn = window.csdn ? window.csdn : {};
    window.csdn.watchBtnChange = watchBtnChange;
</script><div class="csdn-tracking-statistics mb8 box-shadow" data-pid="blog" data-report-click='{"mod":"popu_4"}' data-report-view='{"mod":"popu_4"}' style="height:250px;">
    <div class="aside-content text-center" id="cpro_u2734133">
      <div id="kp_box_56" data-pid="56"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 博客内页左上视窗-20181120 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-1076724771190722"
     data-ad-slot="7700527946"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?p=56&a=703&c=0&k=&d=1&t=3&u=2cf76102b151433fb9e5ca490207d621"></div>    </div>
</div>
<div id="asideNewArticle" class="aside-box">
    <h3 class="aside-title">最新文章</h3>
    <div class="aside-content">
        <ul class="inf_list clearfix">
                        <li class="clearfix">
                <a data-report-click='{"mod":"popu_382","dest":"https://blog.csdn.net/a6128316/article/details/101958011"}' href="https://blog.csdn.net/a6128316/article/details/101958011" target="_blank" >
                                        PHP 二维数组去重                </a>
            </li>
                        <li class="clearfix">
                <a data-report-click='{"mod":"popu_382","dest":"https://blog.csdn.net/a6128316/article/details/101958012"}' href="https://blog.csdn.net/a6128316/article/details/101958012" target="_blank" >
                                        Centos7.2 编译安装PHP7                </a>
            </li>
                        <li class="clearfix">
                <a data-report-click='{"mod":"popu_382","dest":"https://blog.csdn.net/a6128316/article/details/101958009"}' href="https://blog.csdn.net/a6128316/article/details/101958009" target="_blank" >
                                        微信网页授权redirect_uri错误的可能错误之一                </a>
            </li>
                        <li class="clearfix">
                <a data-report-click='{"mod":"popu_382","dest":"https://blog.csdn.net/a6128316/article/details/101958010"}' href="https://blog.csdn.net/a6128316/article/details/101958010" target="_blank" >
                                        windows(win10)下的mysql解压版安装                </a>
            </li>
                        <li class="clearfix">
                <a data-report-click='{"mod":"popu_382","dest":"https://blog.csdn.net/a6128316/article/details/101958007"}' href="https://blog.csdn.net/a6128316/article/details/101958007" target="_blank" >
                                        图片前端重绘前端压缩和自动调整旋转                </a>
            </li>
                    </ul>
    </div>
</div>
<div id="asideArchive" class="aside-box flexible-box">
    <h3 class="aside-title">归档</h3>
    <div class="aside-content">
        <ul class="archive-list">
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2017/10" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2017/10"}'>
                    2017年10月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2016/12" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2016/12"}'>
                    2016年12月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2016/11" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2016/11"}'>
                    2016年11月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2016/06" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2016/06"}'>
                    2016年6月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/12" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/12"}'>
                    2015年12月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/10" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/10"}'>
                    2015年10月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/06" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/06"}'>
                    2015年6月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/04" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/04"}'>
                    2015年4月                    <span class="count float-right">1篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/03" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/03"}'>
                    2015年3月                    <span class="count float-right">2篇</span>
                </a>
            </li>
                        <!--归档统计-->
            <li>
                <a href="https://blog.csdn.net/a6128316/article/month/2015/01" data-report-click='{"mod":"popu_538","dest":"https://blog.csdn.net/a6128316/article/month/2015/01"}'>
                    2015年1月                    <span class="count float-right">8篇</span>
                </a>
            </li>
                    </ul>
    </div>
        <p class="text-center">
        <a class="btn btn-link-blue flexible-btn" data-fbox="aside-archive">展开</a>
    </p>
    </div>
<div id="asideHotArticle" class="aside-box">
	<h3 class="aside-title">热门文章</h3>
	<div class="aside-content">
		<ul class="hotArticle-list">
							<li>

                    <a
                    data-report-click='{"mod":"popu_541","dest":"https://blog.csdn.net/a6128316/article/details/101957994"}' 
                     href="https://blog.csdn.net/a6128316/article/details/101957994" >
                                                centOS IP能ping通但是域名ping不通                    </a>
					<p class="read">阅读数 <span>8</span></p>
				</li>
							<li>

                    <a
                    data-report-click='{"mod":"popu_541","dest":"https://blog.csdn.net/a6128316/article/details/101958006"}' 
                     href="https://blog.csdn.net/a6128316/article/details/101958006" >
                                                magento中文语言包的使用                    </a>
					<p class="read">阅读数 <span>8</span></p>
				</li>
							<li>

                    <a
                    data-report-click='{"mod":"popu_541","dest":"https://blog.csdn.net/a6128316/article/details/101957996"}' 
                     href="https://blog.csdn.net/a6128316/article/details/101957996" >
                                                JS原生javascript可以直接写id名来选取元素                    </a>
					<p class="read">阅读数 <span>6</span></p>
				</li>
							<li>

                    <a
                    data-report-click='{"mod":"popu_541","dest":"https://blog.csdn.net/a6128316/article/details/101958000"}' 
                     href="https://blog.csdn.net/a6128316/article/details/101958000" >
                                                ajax请求获取到数据，但是仍然不能触发success方法                    </a>
					<p class="read">阅读数 <span>6</span></p>
				</li>
							<li>

                    <a
                    data-report-click='{"mod":"popu_541","dest":"https://blog.csdn.net/a6128316/article/details/101958002"}' 
                     href="https://blog.csdn.net/a6128316/article/details/101958002" >
                                                PHP批量上传一次点击选中多个                    </a>
					<p class="read">阅读数 <span>6</span></p>
				</li>
					</ul>
	</div>
</div>
	<div id="asideFooter">
			
		<div class="aside-box">
			<div id="kp_box_57" data-pid="57"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 博客内页左下视窗-20181130 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-1076724771190722"
     data-ad-slot="1894159733"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><img class="pre-img-lasy" data-src="https://kunyu.csdn.net/1.png?p=57&a=707&c=0&k=&d=1&t=3&u=c2f09aff28fb4c4c8fe6e97cd6d7c335"></div>		</div>
				<div class="aside-box">
			<div class="persion_article">
			</div>
		</div>
	</div>
</aside>
<script src="https://csdnimg.cn/pubfooter/js/publib_footer-1.0.3.js" data-isfootertrack="false" type="text/javascript"></script>
<script>
	$("a.flexible-btn").click(function(){
		$(this).parents('div.aside-box').removeClass('flexible-box');
		$(this).parents("p.text-center").remove();
	})
</script>
<script src="https://g.csdnimg.cn/user-tooltip/1.9/user-tooltip.js"  type="text/javascript"></script>
    </div>
                </div>

<div class="mask-dark"></div>
<div class="tool-box vertical">
	<ul class="meau-list">
		<li class="btn-like-box ">
			<button class=" low-height hover-box btn-like " title="点赞">
				<svg class="icon active hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-thumbsup-ok"></use>
				</svg>
				<svg class="icon no-active hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-thumbsup"></use>
				</svg>
				<span class="hover-show text-box text">
					<span class="no-active">点赞</span>
					<span class="active">取消点赞</span>
				</span>
				<p id="supportCount">0</p>
			</button>
		</li>
		<li class="to-commentBox" id = 'sharePost' data-report-click='{"mod":"popu_794","dest":"https://blog.csdn.net/a6128316/article/details/101957996"}'>
			<a class="btn-comments low-height hover-box" >
				<svg class="icon hover-hide" aria-hidden="true" style="padding-top: 3px;">
					<use xlink:href="#icon-csdnc-fenxiang"></use>
				</svg>
				<span class="hover-show text">海报</span>
				<p class="">
				</p>
			</a>
			<a href="https://blogdev.blog.csdn.net/article/details/99646245" target="view_window">
				<div class = 'shareSuggest' id = 'shareSuggest'>
					分享海报说明
					<svg class="shareIcon" aria-hidden="true">
						<use xlink:href="#csdnc-help"></use>
					</svg>
					<div class = 'shareTriangle'></div>
				</div>
			</a>
		</li>
		<li class="to-commentBox">
						<a class="btn-comments low-height hover-box" title="写评论" href="#commentBox">
				<svg class="icon hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-comments"></use>
				</svg>
				<span class="hover-show text">评论</span>
				<p class="">
										</p>
			</a>
		</li>
		<li class="toc-container-box" id="liTocBox">
			<a class="btn-toc low-height hover-box btn-comments" title="目录">
				<svg class="icon hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-contents"></use>
				</svg>
				<span class="hover-show text">目录</span>
			</a>
			<div class="toc-container">
				<div class="pos-box">
					<div class="icon-arrow"></div>
					<div class="scroll-box">
						<div class="toc-box"></div>
					</div>
				</div>
				<div class="opt-box">
					<button class="btn-opt prev nomore" title="向上">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#csdnc-chevronup"></use>
						</svg>
					</button>
					<button class="btn-opt next">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#csdnc-chevrondown"></use>
						</svg>
					</button>
				</div>
			</div>

		</li>
		<li>
			<a class="btn-bookmark low-height hover-box btn-comments"  data-report-click='{"mod":"popu_824"}' title="收藏">
				<svg class="icon active hover-hide" aria-hidden="true" style="padding-top: 2px;">
					<use xlink:href="#icon-shoucangjia"></use>
				</svg>
				<svg class="icon no-active hover-hide" aria-hidden="true" style="padding-top: 2px;">
					<use xlink:href="#icon-csdnc-Collection-G" ></use>
				</svg>
					<span class="hover-show text">收藏</span>
				<!-- <span class="hover-show text-box text">
					<span class="no-active">收藏</span>
					<span class="active">取消收藏</span>
				</span> -->
			</a>
		</li>
		<li class="bdsharebuttonbox">
			<div class="weixin-qr btn-comments low-height hover-box" >
				<a id="btnQrShare" class="bds_weixin clear-share-style" data-report-click='{"mod":"popu_831","dest":""}'  title="手机看"></a>
				<svg class="icon hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-usephone"></use>
				</svg>
				<span class="hover-show text text3">
					手机看
				</span>
			</div>
		</li>
							<li class="widescreen-hide">
				<a class="prev btn-comments low-height hover-box" href="https://blog.csdn.net/a6128316/article/details/101957995" title="sae中thinkphp使用smarty">
					<svg class="icon hover-hide" aria-hidden="true">
						<use xlink:href="#csdnc-chevronleft"></use>
					</svg>
					<span class="hover-show text text3">上一篇</span>
				</a>
			</li>
								<li class="widescreen-hide">
			<a class="next btn-comments hover-box low-height" href="https://blog.csdn.net/a6128316/article/details/101957997" title="jQuery仿淘宝图片无缝滚动轮播">
				<svg class="icon hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-chevronright"></use>
				</svg>
				<span class="hover-show text text3">下一篇</span>
			</a>
		</li>
						<!-- 宽屏更多按钮 -->
		<li class="widescreen-more">
			<a class="btn-comments chat-ask-button low-height hover-box" title="快问" href="#chatqa">
				<svg class="icon hover-hide" aria-hidden="true">
					<use xlink:href="#csdnc-more"></use>
				</svg>
				<span class="hover-show text">更多</span>
				
			</a>
			<ul class="widescreen-more-box">
													<li class="widescreen-more">
						<a class="btn-comments low-height hover-box" href="https://blog.csdn.net/a6128316/article/details/101957995" title="sae中thinkphp使用smarty">
							<svg class="icon hover-hide" aria-hidden="true">
								<use xlink:href="#csdnc-chevronleft"></use>
							</svg>
							<span class="hover-show text text3">上一篇</span>
						</a>
					</li>
																<li class="widescreen-more">
					<a class="btn-comments hover-box low-height" href="https://blog.csdn.net/a6128316/article/details/101957997" title="jQuery仿淘宝图片无缝滚动轮播">
						<svg class="icon hover-hide" aria-hidden="true">
							<use xlink:href="#csdnc-chevronright"></use>
						</svg>
						<span class="hover-show text text3">下一篇</span>
					</a>
				</li>
							</ul>
		</li>
        		<!--脉脉曝光外链-->
		<li>
			<a class="btn-maimai low-height hover-box btn-comments" title="脉脉" target="_blank" href="https://i.csdn.net/#/account/bind" data-report-query="utm_source=blogMaiMai">
				<svg class="hover-hide" width="24px" height="24px" viewBox="0 0 22 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
				<g  stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<g  transform="translate(-1355.000000, -433.000000)" fill-rule="nonzero">
						<g transform="translate(1355.000000, 433.000000)">
							<g >
								<path d="M11.9728475,0.371685864 L20.8834689,5.3746178 C21.5061808,5.72305759 21.8941017,6.38663874 21.8957175,7.10663874 L21.8957175,17.0074555 C21.8941017,17.7259476 21.5061808,18.3892775 20.8834689,18.7379686 L11.9728475,23.7405236 C11.3721356,24.0771518 10.6401695,24.0771518 10.0387119,23.7405236 L1.12858757,18.7379686 C0.504757062,18.3891518 0.11820339,17.725822 0.116587571,17.0074555 L0.116587571,7.10663874 C0.118451977,6.38663874 0.504757062,5.72305759 1.12858757,5.3746178 L10.0388362,0.371685864 C10.6401695,0.0341780105 11.371887,0.0341780105 11.9728475,0.371685864 L11.9728475,0.371685864 Z" id="路径" fill="#3FD9FF"></path>
								<path d="M11.1045311,1.93470157 C11.0426328,1.90102618 10.968678,1.90102618 10.9070282,1.93470157 L1.99777401,6.9373822 C1.936,6.97055497 1.89846328,7.03514136 1.8980904,7.10663874 L1.8980904,17.0074555 C1.8980904,17.0750576 1.936,17.1410262 1.99777401,17.1760838 L10.9070282,22.1777592 C10.968678,22.2124398 11.0426328,22.2124398 11.1045311,22.1777592 L20.0137853,17.1760838 C20.0749379,17.1419058 20.1139661,17.077445 20.1139661,17.0074555 L20.1139661,7.10663874 C20.1139661,7.03526702 20.0750621,6.97055497 20.0137853,6.9373822 L11.1045311,1.93470157 Z M11.9728475,0.371685864 L20.8834689,5.3746178 C21.5061808,5.72305759 21.8941017,6.38663874 21.8957175,7.10663874 L21.8957175,17.0074555 C21.8941017,17.7259476 21.5061808,18.3892775 20.8834689,18.7379686 L11.9728475,23.7405236 C11.3721356,24.0771518 10.6401695,24.0771518 10.0387119,23.7405236 L1.12858757,18.7379686 C0.504757062,18.3891518 0.11820339,17.725822 0.116587571,17.0074555 L0.116587571,7.10663874 C0.118451977,6.38663874 0.504757062,5.72305759 1.12858757,5.3746178 L10.0388362,0.371685864 C10.6401695,0.0341780105 11.371887,0.0341780105 11.9728475,0.371685864 L11.9728475,0.371685864 Z" id="形状" fill="#5296DE"></path>
							</g>
							<path d="M11.1045311,1.93470157 C11.0426328,1.90102618 10.968678,1.90102618 10.9070282,1.93470157 L1.99777401,6.9373822 C1.936,6.97055497 1.89846328,7.03514136 1.8980904,7.10663874 L1.8980904,17.0074555 C1.8980904,17.0750576 1.936,17.1410262 1.99777401,17.1760838 L10.9070282,22.1777592 C10.968678,22.2124398 11.0426328,22.2124398 11.1045311,22.1777592 L20.0137853,17.1760838 C20.0749379,17.1419058 20.1139661,17.077445 20.1139661,17.0074555 L20.1139661,7.10663874 C20.1139661,7.03526702 20.0750621,6.97055497 20.0137853,6.9373822 L11.1045311,1.93470157 Z" id="路径" fill="#3D5AB7"></path>
							<g  transform="translate(5.344633, 6.408377)">
								<rect fill="#F8A115" x="5.99692655" y="0.0796649215" width="3.84577401" height="1.0615288"></rect>
								<g fill="#FFFFFF">
									<path d="M2.61439548,0.0796649215 L1.16239548,0.0796649215 L0.374497175,0.0796649215 L0.111864407,0.0796649215 L0.111864407,11.6343455 L1.16214689,11.6343455 L1.16214689,8.10534031 L2.61439548,8.10534031 L2.61439548,11.6343455 L3.66430508,11.6343455 L3.66430508,0.0796649215 L3.30919774,0.0796649215 L2.61439548,0.0796649215 Z M2.61439548,7.04381152 L1.16239548,7.04381152 L1.16239548,4.57658639 L2.61451977,4.57658639 L2.61451977,7.04381152 L2.61439548,7.04381152 Z M1.16239548,3.51468063 L1.16239548,1.14119372 L2.61451977,1.14119372 L2.61451977,3.51480628 L1.16239548,3.51468063 L1.16239548,3.51468063 Z" id="形状"></path>
									<polygon id="路径" points="4.39776271 5.10747644 5.63684746 5.10747644 4.24102825 11.0423874 5.25563842 11.3176963 6.90526554 4.57658639 6.90824859 4.04569634 4.39776271 4.04569634"></polygon>
									<path d="M8.95114124,5.46056545 L11.093096,3.63656545 L10.416565,2.82458639 L8.35975141,4.5754555 L8.35975141,3.10856545 L8.35975141,2.55442932 L8.35975141,2.04703665 L5.16279096,2.04703665 L5.16279096,3.10856545 L7.30971751,3.10856545 L7.30971751,11.6343455 L8.35975141,11.6343455 L8.35975141,6.61118325 L10.7107684,11.1709319 L11.6419774,10.6802513 L8.95114124,5.46056545 Z M8.35987571,5.14517277 L8.35987571,5.11677487 L8.37640678,5.13662827 L8.35987571,5.14517277 Z" id="形状"></path>
								</g>
							</g>
						</g>
					</g>
				</g>
				</svg> 
				<img class="hover-show  maimai-bg" src="https://csdnimg.cn/release/phoenix/static_blog/images/maimai_bg.png?v1">
			</a>
		</li>
	</ul>
</div>
<div id = 'tool-post-common'>
	<div class = 'tool_post_box'>
		<img class = 'tool_post_img' src="https://csdnimg.cn/release/phoenix/write/assets/postShareBack.png" alt="">
		<div id = 'shareCode'></div>
	</div>
</div>
<div id="share-bg-shadow">
<div id="share-qrcode-box">
    <h3>分享到微信朋友圈</h3>
    <div class='qrcode-img-box'>
        <a class="btn-close">×</a>
        <div id='shareQrCode'></div>
	</div>
    <p>扫一扫，手机浏览</p>
</div>
</div>
<script>
		var imgReal = new Image();
		imgReal.src = "https://csdnimg.cn/release/phoenix/write/assets/postShareBack.png"
</script>
<script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script>
<script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/icon-1349369f06.js"></script>
<script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/1.1.6/collection-box.js"></script><script>
    var recommendCount = 78;
    recommendCount = recommendCount > 1 ? (recommendCount + (recommendCount>6 ? 2 : 1)) : recommendCount;
    var ChannelId = 0;
    var articleId = "101957996";
    var commentscount = 0;
    var islock = true;
    var curentUrl = "https://blog.csdn.net/a6128316/article/details/101957996";
    var myUrl = "https://my.csdn.net/";
    //1禁止评论，2正常
    var commentAuth = 1;
    //百度搜索
    var baiduKey = "JS原生javascript可以直接写id名来选取元素 - a6128316的博客";
    var needInsertBaidu = true;
    // 代码段样式
    var codeStyle = '';
	var highlight = ["JS","\u539f\u751f","javascript","\u76f4\u63a5","\u5199","id","\u540d","\u9009\u53d6","\u5143\u7d20"];//高亮数组

    var share_card_url = 'https://blog.csdn.net/a6128316/article/shareArticleCardPage?article_id=101957996'
    var RecommendBlogExpertList = [{"user_name":"Mrcxt","nick_name":"xiabibi556","avatar":"https:\/\/profile.csdnimg.cn\/4\/D\/7\/3_mrcxt","is_expert":false,"article_count":19,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"nicexibeidage","nick_name":"nicexibeidage","avatar":"https:\/\/profile.csdnimg.cn\/7\/2\/6\/3_nicexibeidage","is_expert":false,"article_count":189,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"JaRiS_jade","nick_name":"JarisMA","avatar":"https:\/\/profile.csdnimg.cn\/B\/4\/9\/3_jaris_jade","is_expert":false,"article_count":56,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"jackie_bobo","nick_name":"jackie_bobo","avatar":"https:\/\/profile.csdnimg.cn\/F\/A\/C\/3_jackie_bobo","is_expert":false,"article_count":54,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"Sun_of_Rainy","nick_name":"Sunlalalla","avatar":"https:\/\/profile.csdnimg.cn\/1\/2\/3\/3_sun_of_rainy","is_expert":false,"article_count":232,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"kongjunchao159","nick_name":"kongjunchao159","avatar":"https:\/\/profile.csdnimg.cn\/F\/4\/0\/3_kongjunchao159","is_expert":false,"article_count":317,"rank":"6000+"},{"user_name":"wlk2064819994","nick_name":"w\u72fc\u5b50","avatar":"https:\/\/profile.csdnimg.cn\/B\/0\/5\/3_wlk2064819994","is_expert":false,"article_count":42,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"lidysun","nick_name":"lidysun","avatar":"https:\/\/profile.csdnimg.cn\/E\/C\/3\/3_lidysun","is_expert":false,"article_count":63,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"web_xyk","nick_name":"web_xyk","avatar":"https:\/\/profile.csdnimg.cn\/B\/D\/A\/3_web_xyk","is_expert":false,"article_count":80,"rank":"\u5343\u91cc\u4e4b\u5916"},{"user_name":"JMission","nick_name":"JMission","avatar":"https:\/\/profile.csdnimg.cn\/1\/F\/5\/3_jmission","is_expert":false,"article_count":11,"rank":"\u5343\u91cc\u4e4b\u5916"}];
	var articleType = 2;
	var CopyrightContent = '';
</script>
<script src="https://csdnimg.cn/public/sandalstrap/1.4/js/sandalstrap.min.js"></script>
<script src="https://csdnimg.cn/release/phoenix/vendor/pagination/paging-3d3b805766.js"></script>
<div class="skin-boxshadow"></div>
<div style="display:none;">
	<img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'>
</div>
</body>
    <!-- 高亮未与 markdown兼容  -->
	<link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.0/ckeditor/plugins/chart/chart.css" />
	<script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.0/ckeditor/plugins/chart/lib/chart.min.js"></script>
    <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.0/ckeditor/plugins/chart/widget2chart.js"></script>
    <script type="text/javascript" src="https://csdnimg.cn/release/phoenix/production/pc_wap_common-f91259fb12.js" /></script>
<link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.0/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-light.css">
<script>
 // 全局声明
 if (window.csdn === undefined) {
      window.csdn = {};
    }
    window.csdn.sideToolbar = {
        options: {
            report:{
                isShow: true,
            },
            qr: {
                isShow: false,
            }
        }
    }
    $(function(){
        $(document).on('click',"a.option-box[data-type='report']",function() {
            window.csdn.userLogin.loadAjax(function(res){
                showReport(false,articleTitles);
            })
        });
    })
</script>
<script src="https://csdnimg.cn/release/phoenix/vendor/iconfont/csdnc-c439e66521.js"></script>
<script src="https://csdnimg.cn/release/phoenix/template/js/common-055446f021.min.js"></script>
<script src="https://csdnimg.cn/release/phoenix/template/js/detail-ba92f3d550.min.js"></script>
	<script src="https://csdnimg.cn/release/phoenix/themes/skin-yellow/skin-yellow-e2b6be7b58.min.js"></script>
<script src="//g.csdnimg.cn/??login-box/1.0.7/login-box.js,login-box/1.0.7/login-auto.js,copyright/1.0.3/copyright.js" type="text/javascript"></script>
<script>
    $(".MathJax").remove();
    if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) {
        $('div.markdown_views')[0].className = 'markdown_views';
    }
</script>
<script type="text/javascript" src="https://csdnimg.cn/release/blog_mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
            "HTML-CSS": {
                    linebreaks: { automatic: true, width: "94%container" },
                    imageFont: null
            },
            tex2jax: {
                preview: "none"
            },
            mml2jax: {
                preview: 'none'
            }
    });
</script>
    <script src="//g.csdnimg.cn/baidu-search/1.0.2/baidu-search.js"  type="text/javascript"></script>
</html>
